主页 > CSS错误分析 >

IE6 浮动元素3像素间距 BUG 解决方法

时间:2011-05-17 16:04 点击: 作者:cssba 来源:未知

当一个非浮动的元素和一个浮动的元素相邻时,在IE下就会出现3像素的空白,这就是在WEB前端开发领域最出名的IE 3 像素BUG,解决有很多,大家可以google一下,哥一般会通过让这两个元素同时具备浮动样式来解决这个bug。当然也有使浮动元素缩进3像素解决这个BUG的。



如上图,本来红色边线是不应该出现的,解决办法就是在LI,增加

li {
 overflow: hidden;
 width: 100%; float:left;
}

处理后就正常了