CSS中的絕對定位是一種常用的定位方式,它可以使元素根據其相對定位的父元素的位置進行定位,而不受文檔流的影響。
position: absolute; top: 20px; left: 30px;
上面的代碼定義了一個絕對定位的元素,它距離父元素頂部20px,距離父元素左側30px。
position: absolute; right: 20px; bottom: 30px;
上面的代碼也定義了一個絕對定位的元素,它距離父元素右側20px,距離父元素底部30px。
使用絕對定位時,要注意父元素必須是具有相對定位的元素,否則絕對定位將根據文檔進行定位,而不是根據其父元素進行定位。
position: relative;
上面的代碼定義了一個相對定位的元素,它的子元素可以使用絕對定位。
在使用絕對定位時,還可以使用z-index屬性來控制層級:
position: absolute; z-index: 10;
上面的代碼定義了一個z-index值為10的絕對定位元素,它將覆蓋z-index值較小的元素。