web前端开发中浏览器兼容问题(七)

29.在IE6中list项目间出现空行

ul{

width: 200px;

margin: 0;

padding: 0;

list-style: none;

}

li a{

background: #95CFEF;

display: block;

margin-bottom: 1px;

}

显示区别

30.在IE6中使用float属性会产生两倍距离

#container{

border: solid; 1px #000;

background: #777;

width: 400px;

height: 160px;

margin: 30px 0 0 30px;

}

#element{

background: #95CFEF;

border: solid 1px #36F;

width: 400px;

height: 160px;

margin: 30px 0 0 30px;

float: left;

}

显示区别:

在IE6浏览器中存在使用float属性会产生两倍距离,在FF和IE7中则不会有同样的情况出现。

31.溢出边界问题

#container{

border: solid; 1px #000;

background: #777;

width: 400px;

height: 160px;

margin: 30px 0 0 30px;

}

#element{

background: #95CFEF;

border: solid 1px #36F;

width: 300px;

height: 200px;

margin: 0 auto;

}

显示区别:

当子元素高度超出父元素时,IE6和IE7 FF 结果不同

32.最低高度设置margin-height IE6不兼容

#left,#right{

padding: 5px;

border: 1px solid #000;

float: left;

width: 70px;

margin-right: 5px;

}

#right{

min-height: 75px;

}

显示区别

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残阅读 13,296评论 0 8
  • 不会用代码框,所以看着有些乱套,,,,html部分 <!DOCTYPE html> 迅雷看看 ...
    这就是个帅气的名字阅读 5,534评论 0 0
  • 1.在什么场景下会出现外边距合并?如何合并?如何不让相邻元素外边距合并?给个父子外边距合并的范例 概念:在CSS当...
    饥人谷_任磊阅读 4,068评论 0 3
  • 1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,...
    kiddings阅读 8,406评论 0 11
  • 我愿意深深地扎入生活,吮尽生活的骨髓,过得扎实,简单,把一切不属于生活的内容剔除得干净利落,把生活逼到绝处,用最基...
    三极户外小娟阅读 3,056评论 0 0

友情链接更多精彩内容