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)
<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
首先你全局有没有写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的时候都会换行
所以有两种方法:
1:总宽度设为754px
2:你把总宽度设为两个div宽度之和,就是748px;然后你在右侧div加入margin-left:-6px正好不换行即可。其实你可以修改margin-left的值,发现-6px正好不换行,大于-6px的时候都会换行
作者: fdrcn 发布时间: 2011-09-12
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28