Question

一个DIV里面包含3个靠左的div和2个靠右的div，靠右的分行了，如何让他们显示在同一行？

<div style="width:950px; height:480px;">
<div style="width:190px; height:160px; border:1px #cccccc solid; margin:10px 0 0 0; float:left;"> </div>
<div style="width:190px; height:200px; border:1px #cccccc solid; margin:10px 0 0 0;float:left;"> </div>
<div style="width:190px; height:75px; border:1px #cccccc solid; margin:10px 0 0 0;float:left;"> </div>

<div style="width:750px; height:250px; background-color:#000; margin:5px 0 0 0; float:right; " > </div>
<div style="width:750px; height:200px; background-color:#000; margin:5px 0; float:right"> </div>
</div>

Answer 1

你的写法有错误！！首先你的左边三个div必须用一个大盒子 右边的两也得用一个大盒子！ 然后让这两个大的盒子一个左浮动 另一个右浮动！！因为浮动是跟据前面的一个层来浮动的，像你那样写的话它是把左浮动执行完以后才执行右浮动的！！
<div style="width:950px; height:480px;">
<div style=" width:190px; float:left">
<div style="width:190px; height:160px; border:1px #cccccc solid; margin:10px 0 0 0;"> </div>
<div style="width:190px; height:200px; border:1px #cccccc solid; margin:10px 0 0 0;"> </div>
<div style="width:190px; height:75px; border:1px #cccccc solid; margin:10px 0 0 0;"> </div>
</div>
<div style="width:750px; float:right">
<div style="width:750px; height:250px; background-color:#000; margin:5px 0 0 0;" > </div>
<div style="width:750px; height:200px; background-color:#000; margin:5px 0;"> </div>
</div>
</div>

Answer 2

css样式的float 指的是把元素浮动。 像水里的东西一样浮动。

所以， 当你的页面的宽度不够时，它会向下移动。

解决方法是，把向右移动的div的宽度有750 调成较小的。比如 150 就可以显示在同一行了。

css要灵活运用，加油。。

Answer 3

你那个大的div宽度，，width太小，，容不下几个div并排，，把它设置大点就OK了，，给我分吧

Answer 4

出现分行的原因是 子集超出了父集。
里面的5个DIV宽度加起来要小于 950PX

Answer 5

我觉得楼上的第二个div不用加float:right了,剩下的都还行