CSS盒模型理解????
1、标准模式和怪异模式
标准模式即按W3C的标准解析
怪异模式及非W3C标准
2、盒模型
标准盒模型
IE6以下(不含ie6)
3、范例:
<body style="margin:0;padding:0"> <div style="width:100px;height:100px;padding:20px;border:10px solid #000;margin:20px;background:red;"> <div style="width:100%;height:100%;background:#fff;"></div> </div> </body>
在IETest中测试结果如下(☆注:在netrenderer网站测试结果同下)
1)IE5.5
2)IE6
3)IE9
结果同IE6
Firefox47测试结果
标题:CSS盒模型理解????
作者:hugh0524
地址:https://blog.uproject.cn/articles/2016/06/05/1465102791530.html
0 0