水平布局三属性

水平布局中，块元素的总宽度总是等于父元素的内容宽度。左外边距，右外边距以及内容区为块元素水平布局中最重要的三个属性。下面列举三个属性变化时对块元素的影响：

1. 默认情况下，内容区 width 为自动，左右外边距为 0 。也就是说，内容区会自动填满父元素的内容区。
2. 当内容区 width 为固定值，左右外边距为 auto 时，左右外边距会宽度相等，内容区会水平居中。
3. 当三个属性值都为 auto 时，三个属性值会变为默认值即 1 中的情况。
4. 当三个属性都为固定值时，左或右外边距的固定宽度会被 auto 属性覆盖。继而外边距或自动填充满剩余宽度。