龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

css IE6/7 padding-bottom Bug分析

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:

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>


精彩图集

赞助商链接