盒子模型分两种w3c和IE
w3c模型
IE盒子模型
对于同一段代码
<html> <head> <title></title> <style type="text/css"> .box{border: 1px solid red;height: 20px;width: 20px;margin: 2px;padding: 2px} </style> </head> <body> <div class="box"></div> </body> </html>
标准盒子模型结果(使用谷歌打开)
IE盒子模型结果使用IE打开(IE9结果)
一般我们使用w3c的盒子模型,需要在开始添加<!DOCTYPE html>
在代码头部添加后用IE打开结果是