盒子模型

1.什么是盒子模型

在网页中,内部的每一个标签元素都是由以下几部分组成的:
内容(content)、外边距(margin)、边框(border)、内边距(padding)四个部分组成。

2.盒子模型计算

2.1标准盒模型
元素框总宽度 =内容宽度+左右内边距+左右边框+左右外边距
元素框总高度 =内容高度+上下内边距+上下边框+上下外边距

3IE盒模型和标准盒模型的区别:

IE盒模型的content包括padding和border。

(只要为文档设置一个Doctype类型声明,IE则按照标准盒子模型解析)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。