CSS中的float浮动下落问题

来源:百度知道 编辑:UC知道 时间:2024/05/15 12:51:36
在网页制作的时候,用 CSS的float布局页面,当3个并列的DIV元素的float属性都设为left时候他们都会并排的水平排列,但是等到浏览器窗口小于3个div元素的总宽度的时候,最后面的div元素下落到了下面的一行,请问怎么解决这个问题?
就是当自己制作电子相册的时候,也会出现这样的问题,请问怎么能让元素禁止下落?

给这三个DIV加一个父DIV,
并定义父DIV的宽度为三个DIV的总宽度之和,
这样不管怎么变都不会下落了
<div>
<div></div><div></div><div></div>
</div>

楼下说的对,把这三个放到一个容器中去

<div>
<div style="float:left"></div>
<div style="float:left"></div>
<div style="float:left"></div>
</div>
最外层的div控制以下宽度,但是要注意要比3个div宽度之和大一点或者刚刚好也可以的!

放在一个大的div中,你这样子会随窗口变得

个人建议使用 z-index属性,把三个DIV分层,