div显示位置问题

来源:百度知道 编辑:UC知道 时间:2024/09/28 13:19:42
我在一行里写三个层,使用float:left 使它们在一起,但我缩放窗口时,层就跑到下面去了。如何解决呀~~用overflow:auto 好像不行,还是写错了,大家有什么好的办法呀,或者技巧,如何做呢
<div style="overflow:auto">
<div style="overflow:auto"></div>
<div style="overflow:auto"></div>
<div style="overflow:auto"></div>
<div>

将这几个层都定义宽度,宽度不可以超过网页总宽度,你可以将宽度设为百分比的。
缩放窗口出现错误是因为宽度变小,当然就跑下面去了,你用百分比设置就不会了,它可以根据窗口大小来改变宽度的。

定义一下这几个层的父层的宽度。

将他们放在一个容器中

添加position:relative就可以了