什么是CSS盒模型
盒模型也叫框模型,是包围每个HTML元素的框,它包括:外边距、边框、内边距以及实际的内容。
盒模型分类
1. W3C 盒子模型(标准盒模型)
width=content的宽,height = content的高
2. IE 盒模型(怪异盒模型)
width = content + padding + border
height = content + padding + border
CSS设置盒模型
标准盒模型(默认):
box-sizing: content-box;
IE 盒模型:
box-sizing: border-box;
继承父元素的 box-sizing 属性:
box-sizing: inherit;