在 CSS 中,top 屬性被用于設置元素的垂直位置。當我們沒有指定 top 屬性的值時,該屬性會采用其默認值。那么,top 屬性的默認值是多少呢?
.example { position: absolute; top: /* 默認值 */; }
對于定位屬性為 absolute 或 fixed 的元素,top 屬性的默認值為 auto。auto 的意思是自動計算,也就是說,元素會被放置在其父級元素的頂端。
如果父級元素的定位屬性為 static(默認值),則該元素的 top 屬性將會無效。而對于其他的定位屬性,例如 relative 或 sticky,則 top 屬性的默認值為 0。
需要注意的是,如果我們不想讓元素被放置在父級元素的頂端,而是想讓它出現在其他位置,我們需要為 top 屬性賦予相應的值,而不是依賴其默認值。
.example { position: absolute; top: 20px; }
在上述示例中,我們?yōu)?.example 元素設置了一個 top 值為 20px,因此它會距離父級元素頂端 20px 的位置。
上一篇css 左上角置頂