全网云cms网站管理系统

IE6常见Bug3：3像素bug

来源：全网云cms网站管理系统 日期：2015-09-08 14:26:48 属于：浏览器兼容问题
当浮动元素与非浮动元素相邻时，这个3像素的Bug就会出现，它会偏移3像素。
解决方案：
只要触发IE的hasLayout，非浮动元素就会拥有布局。
所以，利用IE6特有的hack规则，为它单独写样式就可修复此问题：_zoom:1;margin-left: value;_margin-left: value-3px;
zoom 是IE触发Layout条件之一，因为它是IE特有的CSS规则，所以采用zoom。margin-left: value-3px 是修复IE6 中3px 的bug。注：前面的下划线是专门写给IE7以下版本的hack！
在IE6中浏览的效果图如下：

上一浏览器兼容专题： IE6常见Bug4：图片链接无效

下一浏览器兼容专题：IE6常见Bug2：双边距问题