教程集 www.jiaochengji.com
教程集 >  CSS教程  >  经典实例  >  正文 css IE6/7 padding-bottom Bug分析

css IE6/7 padding-bottom Bug分析

发布时间:2020-05-20   编辑:jiaochengji.com
教程集为您提供css IE6/7 padding-bottom Bug分析等资源,欢迎您收藏本站,我们将为您提供最新的css IE6/7 padding-bottom Bug分析资源

e8/9(标准模式) and firefox/safari/chrome/opera

ie6/7 and ie8/9(怪异模式)

外层div加了上下padding 15px,可是在ie6/7 and ie8/9(怪异模式)下padding却翻倍了。

<!doctype html>
<html>
<head>
 <meta charset="utf-8">
 <title>ie6/7 double padding-bottom bug</title>
</head>
<body>
<div style="border:1px solid red;width:300px;padding:15px 0;">
 <div style="float:left;border:1px solid gray;">
  ie6/7 double padding-bottom bug 
 </div>
 <div style="clear:both;"></div>
</div>
</body>
</html>

您可能感兴趣的文章:
css IE6/7 padding-bottom Bug分析
解决ie7下display: inline-block失效的BUG
css固定网页底部完美兼容代码
css实现始终漂浮在网页底部完美兼容IE6 fixe
使用jQuery的将桌面应用程序引入浏览器
css中负Margin你不知道的秘密
css里的!important意思?
jQuery语法高亮插件支持各种程序源代码语法着色加亮
ie6 position约对定位错位解决办法
解决HTML5新标签的浏览器兼容性问题

[关闭]
~ ~