网站地图    收藏   

主页 > 前端 > css教程 >

IE常见的CSS的BUG(一) - html/css语言栏目:html.c

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

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

 

 
       HTML代码:
 
<div></div>  

 

 

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论