您现在的位置:首页 >> 前端 >> 内容

IE常见的CSS的BUG(一)

时间:2013/9/5 16:34:14 点击:

  核心提示:2011年6月,我毕业了。2012年我接触了CSS,本以为会好过些能赚点钱了,可谁知,Internet Explorer(下称IE),这个前端工程师的噩梦浏览器让我不再那么好过了。各种出现在IE身上的...
 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代码:

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

 

 

       HTML代码:

 

<p></p>  

 

 

Tags:IE E常 常见 见的 
作者:网络 来源:不详