盒子模型

一、盒子模型的构成

• 内容(content)、内边距(padding)、边框(border)、外边距(margin)

二、Padding一个值、两个值、三个值、四个值的时候分别代表什么方向？

• 一个值：四个内边距
• 两个值：上下 ， 左右
• 三个值：上 ，左右 ，下
• 四个值：上，右 ，下， 左

三、怎么计算盒子模型的大小（宽高）？

• 在标准模式下，一个块的总宽度= width + margin(左右) + padding(左右) + border(左右)

• 在怪异模式下，一个块的总宽度= width + margin(左右)（即width已经包含了padding和border值