使用「position:absolute」時，「top」、「left」、「bottom」和「right」的預設值是什麼？

Position: Absolute 的預設值

在不指定任何值的情況下使用position:absolute CSS 屬性時，了解預設值非常重要頂部、左側、底部和右側屬性的值。與一般看法相反，預設情況下這些值並未設定為 0。

相反，所有這些屬性的預設值都是「auto」。這意味著該元素保持在佈局中的正常位置，就好像它根本沒有定位一樣。這稱為“靜態位置”。

CSS 規範中定義了將所有偏移值設為「auto」的元素的行為。對於水平位置，約束為：

'left' + 'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' + 'border-right-width' + 'margin-right' + 'right' = width of containing block

如果'left'、'width' 和'right' 全部三個都是“auto”，則元素的寬度設定為“shrink-to-” fit ，”，'left' 值根據靜態位置確定。

類似地，對於垂直位置，約束為：

'top' + 'margin-top' + 'border-top-width' + 'padding-top' + 'height' + 'padding-bottom' + 'border-bottom-width' + 'margin-bottom' + 'bottom' = height of containing block

如果'top' 全部三個、 'height' 和' bottom' 為“auto”，元素的top 值設定為靜態位置，其高度依其內容決定。

以上是使用「position:absolute」時，「top」、「left」、「bottom」和「right」的預設值是什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！