Question

CSS中的float浮动下落问题

在网页制作的时候，用 CSS的float布局页面，当3个并列的DIV元素的float属性都设为left时候他们都会并排的水平排列，但是等到浏览器窗口小于3个div元素的总宽度的时候，最后面的div元素下落到了下面的一行，请问怎么解决这个问题？
就是当自己制作电子相册的时候，也会出现这样的问题，请问怎么能让元素禁止下落？

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

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