水平佈局
left + margin-left + border-left + padding-left + width + padding-right + border-right + margin-right + right = 包含塊的內容區的寬度
- 當我們開啓了絕對定位後:
水平方向的佈局等式就需要添加left 和 right 兩個值
此時規則和之前一樣只是多添加了兩個值:
當發生過度約束:
如果9個值中沒有 auto 則自動調整right值以使等式滿足
如果有auto,則自動調整auto的值以使等式滿足
- 可設置auto的值
margin width left right
- 因爲left 和 right的值默認是auto,所以如果不指定left和right
則等式不滿足時,會自動調整這兩個值
垂直方向佈局的等式的也必須要滿足
top + margin-top/bottom + padding-top/bottom + border-top/bottom + height = 包含塊的高度