+ -
当前位置:首页 → 问答吧 → css 中float的问题

css 中float的问题

时间:2011-09-12

来源:互联网

<!-- 左侧 -->
<div style="width:753px;">
<!-- 列表左一 -->
<div style="border:1px solid #ccc;height:15px;width:372px;float:left;margin-top:0px;">

</div>
<!-- 列表左一结束 -->
<!-- 列表右一 -->
<div style="border:1px solid #ccc;height:15px;width:372px;float:right;margin-top:0px;">

</div>
<!-- 列表右一结束 -->

</div>
<!-- 左侧结束 -->

只有在IE6.0有这个问题。
列表右一换行了。
我把<div style="width:753px;">的宽度变成754px就没问题了。估计是宽度不够,被换行。
但是,为什么会这样。从计算中,我设置753刚刚好。(374*2+5=753)

作者: lzj0470   发布时间: 2011-09-12

你把width:753px;再调大点试试。。。

作者: BLUE_LG   发布时间: 2011-09-12

不知道你那个5px从何处来,要加应该是加6px

首先你全局有没有写body{margin:0;padding:0;}没写加上看看。
如果没有写,ie6下双浮动下每个div之间会出现3px的间距,两个div有6px空间,所以总宽度是754px
还有你可以在右div加入margin-left:-6px
或每个div加入display:inline

作者: fdrcn   发布时间: 2011-09-12

经测试,就是ie6下双浮动下每个div之间会出现3px的间距,两个div有6px空间,

所以有两种方法:
1:总宽度设为754px
2:你把总宽度设为两个div宽度之和,就是748px;然后你在右侧div加入margin-left:-6px正好不换行即可。其实你可以修改margin-left的值,发现-6px正好不换行,大于-6px的时候都会换行

作者: fdrcn   发布时间: 2011-09-12

热门下载

更多