DIV+CSS布局问题，我们想让两个DIV标签并排，第2个为什么老跑第一个下去
展开全部
您把下面的代码放在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>
<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>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
假设 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;
}
还有当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;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你在定义里面两个div层的宽时去掉边框的宽，如：外层的宽是200px,左右边框是1px,那么里面两个层是平均显示也要显示边框1px的话。两个层的宽是97px
左边层的css里要写float:left 右边的定义float:right
左边层的css里要写float:left 右边的定义float:right
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
#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>
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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></A>http://www.w3.org/1999/xhtml"></A>无标题文档主要是那句float:left就可以让DIV并排
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
