top: auto | <length> | <percentage>
默認(rèn)值:auto
適用于:定位元素。即定義了position為非static
的元素
繼承性:無
動(dòng)畫性:當(dāng)值為<length> | <percentage>時(shí)
計(jì)算值:當(dāng)position為static
時(shí),計(jì)算值是auto
。
為relative
時(shí),如果top
和bottom
都是auto
,則它們的計(jì)算值是0
;如果top
和bottom
其中一個(gè)為auto
,則auto
相當(dāng)于另一個(gè)的負(fù)值,即top = -bottom;如果top
和bottom
的值都不為auto
,則忽略bottom
。
否則在其它情況下,當(dāng)指定值為<length>時(shí),計(jì)算值為指定值,當(dāng)指定值為<percentage>時(shí),計(jì)算值為計(jì)算后的絕對(duì)值。除去這些情況,都為auto
媒體:視覺
padding
邊界開始計(jì)算偏移值Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 8.0+ | 40.0+ | 40.0+ | 8.0+ | 40.0+ | 8.0+ | 4.4+ | 28.0+ |
top
和bottom
都定義了非auto
的值,那么 bottom 的計(jì)算值將會(huì)被設(shè)置為 -top (無論是否顯式的定義了 height 或 max-height),它的指定值將被忽略,說白了,你將無法在不指定某個(gè)元素高度的情況,通過給元素指定top
和bottom
的方式來進(jìn)行高度拉伸;