DIV+CSS布局问题，我们想让两个DIV标签并排，第2个为什么老跑第一个下去

麻烦兄弟写出CSS代码，和文件的应用。谢谢。就是2个DIV标签，并排，... 麻烦兄弟写出CSS代码，和文件的应用。谢谢。就是2个DIV标签，并排，展开

 我来答

5个回答

匿名用户
推荐于2016-11-19

展开全部

您把下面的代码放在BOBY里试一下先画一个层，再在这个层里写两个层，然后把宽度设置好后，加个float:left;就是说让层整体靠左，里面另一个层也一样，但是你要记住，层默认的是一行

<body>
<div style="width:1000px; text-align:center;" id="content">
	<div style="width:300px; height:200px; float:left; background-color:#FF0000;" id="con_left"></div>
	<div style="width:700px; height:200px; float:left; background-color:#CCCCCC;" id="con_right"></div>
</div>

本回答被网友采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

广州立捷印刷有限公司

广告2024-12-21

立捷专业标签生产厂家，专注不干胶印刷，激光防伪标印刷，机贴不干胶印刷，为您定制高性价比标签方案，欢迎来样定制，可提供免费排版打样，广州送货上门

www.gzljpt.com

匿名用户
2013-05-31

展开全部

假设 apDiv1是外面的层，apDiv2，apDiv3是里面的，给apDiv2，apDiv3 设置浮动为左就可以了，

还有当apDiv2的宽度加上apDiv3的宽度大于apDiv1的宽度是，apDiv3会跑到apDiv2下面，这时可以改它们的宽度。
#apDiv1 {
position:absolute;
left:21px;
top:14px;
width:585px;
height:282px;
z-index:1;
background-color: #0000FF;
}
#apDiv2 {
float:left;
width:242px;
height:98px;
z-index:2;
background-color: #993300;
}
#apDiv3 {
float:left;
width:254px;
height:113px;
z-index:3;
background-color: #CCCC00;
}

已赞过 已踩过<

评论收起

匿名用户
2013-05-31

展开全部

你在定义里面两个div层的宽时去掉边框的宽，如：外层的宽是200px,左右边框是1px,那么里面两个层是平均显示也要显示边框1px的话。两个层的宽是97px
左边层的css里要写float:left 右边的定义float:right

已赞过 已踩过<

评论收起

匿名用户
2013-05-31

展开全部

#yhgzs {
margin-right:auto;
margin-left:auto;
}您年示的外框

#yhgzs li {
width:300px;
list-style:none;
float:left;
margin-right:10px;
color:#000000;
height: 300;
padding: 5px;
margin-top: 10px;
}

应用
<ul id=yhgzs>
<li>框,尺寸是300PX宽,可自定义大小</li>
<li>框,尺寸是300PX宽,可自定义大小</li>
</ul>