IE常见的CSS的BUG(一)

当前位置 : 首页 > 网页制作 > CSS > IE常见的CSS的BUG(一)

IE常见的CSS的BUG(一)

来源: 作者: 时间:2016-01-29 09:12
2011年6月,我毕业了。2012年我接触了CSS,本以为会好过些能赚点钱了,可谁知,Internet Explorer(下称IE),这个前端工程师的噩梦浏览器让我不再那么好过了。各种出现在IE身上的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。
        代码:
 
div {  
    background: #95cfef;  
    border: 1px solid #36f;  
    float: left;  
    height: 100px;  
    margin: 30px 0 0 30px;  
    width: 300px;  
}  

 

 
       HTML代码:
 
<div></div>  

 

 
Tag:
网友评论

<