水平方向
可以設(shè)置為auto的屬性:width margin-left margin-right,也就是說,padding都不可以設(shè)置為auto
假設(shè)padding為0的情況下:
- 三個確定值 + 零個auto,實際上margin-right是按照auto的規(guī)則來計算
- 兩個確定值 + 一個auto,則三者的值寬度相加要等于父元素的width
- 一個確定值 + 兩個auto 的情況要討論:
- width確定,margin-left\right為auto,則元素居中
- 某一邊距確定,width和另一邊距為auto,則另一邊距為0,width為最大使充滿父元素
- 三個都為auto,則兩個外邊距都為0,width為最大使充滿父元素【沒有margin和width的顯示聲明時,就是這種情況】
注:只有margin可以為負(fù),因此計算時可能為負(fù)值,是符合規(guī)范的行為,但其余padding border width不能為負(fù)
垂直方向
- 可以設(shè)置為auto的屬性:height margin-top margin-bottom
- height默認(rèn)為auto
- margin-top\bottom設(shè)置為auto時,表示為0