IE常见的CSS的BUG（1）

IE常见的CSS的BUG（一）

　　2011年6月，我毕业了。2012年我接触了CSS，本以为会好过些能赚点钱了，可谁知，Internet Explorer(下称IE)，这个前端工程师的噩梦浏览器让我不再那么好过了。各种出现在IE身上的BUG让我头疼。下面为了让广大的前端工程师能够好过一些，我决定整理了一下有关IE浏览器自身的BUG问题，希望能对大家有点帮助。

　一、IE6中浮动元素的双倍Margin的Bug

　　IE6下比较有名的BUG就是浮动元素的双边距BUG。这个BUG出现有三个条件：1、浮动;2、margin;3、块元素。有了这三个条件，IE6就会出现经典的双边距BUG。

        CSS代码：

　　修复方法：
　　只需要改变浮动元素的第三个条件，也就是说在浮动元素中增加一个“display:inline”属性，这样就可以轻松的解决“浮动元素的双倍Margin”的Bug。

　　二、IE6中设置元素的最小高度
　　在很多时候都会用到最高度(min-height)，但是其他浏览器都好说，就是IE6不支持最小高度。
        CSS代码：


　　修复方法：
　　修复方法一：在li元素中也加上一个浮动

        修复方法：
　　修复方法方法有很多，在这里我只提供一种比较简单的方法供大家参考：在li元素上添加垂直对齐方式即可。

        修复方法：
　　在div元素中添加“overflow: hidden;”即可。

        修复方法：
　　这是一个overflow 在IE7~IE6 的bug,不单单只取值auto 会出现这个Bug,就是你设置overflow: hidden 也会出现这个Bug。解决方法也是只要在父元素中加入一个position: relative;就 OK 了。要解决这个难看的Bug 我们只要在父元素中也设置一个position:relative;属性,就会使 IE6 和 IE7 回复到正常状态。
        修复方法：
　　把left和right转换成内嵌元素即可
        修复方法：
　　解决的方法有很多，在这里，我只说一种比较简单快速的方法。给all加一个display:inline样式可解决。
display:inline;
       
　　以上便是今天为大家介绍的有关IE6的那些BUG，希望能对大家有所帮助。