什么是盒模型？

[FireDragonZL]

盒装模型，是网页布局的一种方式。一个盒子会分成几个部分：内边区（content），内边距（padding），边框（border）以及外边框（margin），其中内容区指的是放置内容的区域，也就是元素中的文本内容，子元素都是存在于内容区中。如果没有为元素设置内边距和边框，则内容区大小默认和盒子大小是一致的。

[748580573]

当对html组件进行布局的时候，所有的组件对于浏览器来说都是一个盒子，。CSS 决定这些盒子的大小、位置以及属性（例如颜色、背景、边框尺寸…）。一个盒子一般有：外边距（margin)、边框(border)、内边距(padding)、内容区。

[lurasso]

网页布局的一个重要组成元素，网页就是由一个个盒子模型组成的，盒子和盒子之间相互隔离，盒子中提供了content、padding、border、margin等属性，通过css可以对盒子属性进行操作