盒子模型

盒子模型分两种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打开结果是

 

posted @ 2017-02-17 18:22  cat_crazy  阅读(212)  评论(0)    收藏  举报