1. 程式人生 > >CSS定位詳解

CSS定位詳解

static:物件遵循正常文件流,top、right、bottom、left等屬性無效。
absolute:物件脫離正常文件流,使用left、right、top、bottom等屬性進行定位,其層疊可通過css z-index屬性定義,此時物件不具有margin邊距,但仍有補白和邊框border。absoulte定位雖然號稱“絕對”,但是它的功能卻更接近於“相對”一詞,因為使用absoulte定位的元素脫離文件流後,就只能根據祖先類元素(父類及以上)進行定位,而這個祖先類還必須是以postion非static方式定位的, 舉個例子,a元素使用absoulte定位,它會從父類開始找起,尋找以position非static方式定位的直系祖先類元素,直到<html>標籤為止,這裡還需要注意的是,relative和static方式在最外層時是以<body>標籤為定位原點的,而absoulte方式在無父級是position非static定位時是以<html>作為原點定位,<html>和<body>元素相差9px左右。