把HTML中的元素看做是一个矩形的盒子(盛装内容的的容器),每个容器都是由元素内容、内边距(padding)、边框(border)和外边距(margin)组成。
两种盒模型:
1.标准模型(不包含border和padding)
width:border+padding+content
height: border+padding+content
2.IE模型:(包含border和padding)
width:width
height:height
设置:
box-sizing:content-box; 标准模型
box-sizing:border-box; IE模型