ie6的3像素bug其实还有一层错误。
2012-01-12 18:24
225 查看
今天学习ie6常见BUG,发现被讲的很多的有一个IE6下3像素BUG,但是仔细研究发现,错的不光是3像素这个问题,还有产生这种BUG的布局思路有问题,是对浮动后元素脱离文档流的不理解。
假设有两个块级原始A和B相邻,元素A在上,B在下。当元素A浮动后,A就会脱离文档流,这个时候,块级元素B就会当浮动元素A不存在一样,向上替代元素A原来的位置,这个时候就会出现浮动元素A遮住块级元素B的现象,而不是块级元素B会跑到浮动元素A的右面。所以能产生3像素BUG的布局方式本身是错误的,应该避免。
假设有两个块级原始A和B相邻,元素A在上,B在下。当元素A浮动后,A就会脱离文档流,这个时候,块级元素B就会当浮动元素A不存在一样,向上替代元素A原来的位置,这个时候就会出现浮动元素A遮住块级元素B的现象,而不是块级元素B会跑到浮动元素A的右面。所以能产生3像素BUG的布局方式本身是错误的,应该避免。
相关文章推荐
- 解决ie6下3像素bug问题
- 【IE6的疯狂之三】IE6 3像素BUG的实例
- IE6的3像素bug
- 两个DIV中间有空隙_不紧靠,白色缝隙,ie6中的3像素bug
- IE6的3像素神奇bug:缘起与解决方案
- 浏览器兼容性经典问题(二) IE6 3像素bug问题
- 【IE6的疯狂之六】li在IE中底部3像素的BUG(增加浮动解决问题)
- IE6的3PX(像素)BUG,造成文字溢出
- IE6下position:absolute定位错误的bug和解决方法
- css-IE6的3像素bug(当浮动元素与非浮动元素相邻时)
- 莫名其妙的出现这个错,看了logcat 说是什么二进制xml错误啥的。。。 不过后来发现,这个一般都是给eclipse项目中添加图片等资源时出现的一些bug,看似添加到项目中,其实没有,或
- 【IE6的疯狂之六】li在IE中底部3像素的BUG(增加浮动解决问题)
- IE6的3像素 bug解决方案分享
- 浏览器兼容性经典问题(二) IE6 3像素bug问题
- 解决IE6 3像素Bug的css写法
- li margin-bottom在IE6,7中底部3像素的BUG
- IE6的3像素bug
- ie6 focus 历史链错误的Bug
- 【IE6的疯狂之三】IE6 3像素BUG的实例