日期:2014-05-17  浏览次数:20678 次

关于DIV的float属性问题
如题,在网页的布局页面中我有三个div,前两个分别设置其float属性为left,这样前面两个div就可以横排显示,但是我第三个div并没有设置其float属性,但是每次打开网页调试的时候总是紧跟在第二个div后面,不会移动到前两个的下面竖排显示。但是将浏览器窗口最小化之后再最大化后就变成了我需要的样子了,不知道怎么回事?不可能每次要正常显示页面之前都的把浏览器最小化后最大化吧。。。
需要实现的模块布局效果:
第一个div 第二个div
第三个div
实际显示的模块布局效果:
第一个div 第二个div 第三个div

------解决方案--------------------
你把前两个DIV或者最后一个DIV宽度调大一些嘛,3个DIV的宽度加起来大于一行的宽度,就放不到一行里去了
------解决方案--------------------
大一点是一个方法,你把居左的都加上folat left
------解决方案--------------------
能把你 代码贴出来
------解决方案--------------------
把第三个div 清除float就搞定

HTML code

<div style='float:left'>div1</div>
<div style='float:left'>div2</div>
<div style='clear:both'>div3</div>