hugh 的个人博客

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