-
IE6常见Bug3:3像素bug
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!
3像素bug 3像素bug
红色区域和蓝色区域有3像素空隙
解决方案
采用负外边距的方法,可解决该bug