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

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

举报该文章

第1个回答推荐于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>本回答被网友采纳

第2个回答 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;
}

第3个回答 2013-05-31

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

第4个回答 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>

第5个回答 2013-05-31

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></A>http://www.w3.org/1999/xhtml"></A>无标题文档主要是那句float:left就可以让DIV并排

相似回答

大家正在搜