1.什么是盒子模型
在网页中,内部的每一个标签元素都是由以下几部分组成的:
内容(content)、外边距(margin)、边框(border)、内边距(padding)四个部分组成。
2.盒子模型计算
2.1标准盒模型
元素框总宽度 =内容宽度+左右内边距+左右边框+左右外边距
元素框总高度 =内容高度+上下内边距+上下边框+上下外边距
3IE盒模型和标准盒模型的区别:
IE盒模型的content包括padding和border。
(只要为文档设置一个Doctype类型声明,IE则按照标准盒子模型解析)