当前位置:编程学习 > html/css >>

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代码:
 
div {  
    background: #95cfef;  
    border: 1px solid #36f;  
    float: left;  
    height: 100px;  
    margin: 30px 0 0 30px;  
    width: 300px;  
}  

 

 
       HTML代码:
 
<div></div>

 

 
补充:web前端 , HTML/CSS  ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,