~46水平方向的布局

一、水平布局

水平方向的布局需要满足下面等式：

margin-left+border-left+padding-left+width+padding-right+border-right+margin-right=父元素内容区的宽度（必须满足）

---

二、过渡约束

如果等式不满足，则称为过渡约束，等式会自动调整，调整的情况：

等式中没有auto时，自动调整margin-right

等式中有auto时，如果其中有width是auto的情况，则优先调整width；否则谁是auto就调整谁

常用的一种形式（margin:0 auto;）,使一个元素在父元素中水平居中

注意：当左边等式大于右边时，左边等式也可以被赋予负值

---