浏览器对html的盒模型的解析分为两种 一种是标准的wc3,一种是产生了怪异解析。
1. 解析成w3c 标准盒模型的时候盒子的是有 外边距 加 边框 加 内边距 在家内容组成也就是 margin + border+ padding + width
2. 怪异解析的时候是盒模型是有 外边距 加内容大小组成 也就是 margin + width 组成 这个时候有些人会问 那 border 和padding 就没有了? 不,border 和padding 还是存在的, 这两者被包含在了 width 中
w3c 盒模型可以看成我们没有设置box-sizing 样式 或者 设置 box-sizing: content-box样式
怪异解析后的盒模型 可以看成 我们给元素设置了 box-sizing: border-box 样式
怪异解析产生:
1. 没有写文档定义<!doctype html>