IE常见的CSS的BUG（一） - html/css语言栏目：html.c

　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代码：

 
div {  
    background: #95cfef;  
    border: 1px solid #36f;  
    float: left;  
    height: 100px;  
    margin: 30px 0 0 30px;  
    width: 300px;  
}  

 

         HTML代码：  

<div></div>