如下
<!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>
IE8/9(标准模式) and Firefox/Safari/Chrome/Opera
IE6/7 and IE8/9(怪异模式)
外层div加了上下padding 15px，可是在IE6/7 and IE8/9(怪异模式)下padding却翻倍了。