1. 程式人生 > >html+css中定位物件

html+css中定位物件

定位有四種:預設位置(static),相對定位(position:relative;),絕對定位(position:absolute;),固定定位(position:fixed;)。
定位用法簡單明瞭,不過定位物件可能存在混淆的情況,以下總結:
相對定位相對於文字流中元素定位前所在的位置
固定定位相對於瀏覽器視窗,即html元素,而非body,此時脫離文字流;
絕對定位相對於第一個有定位的祖先級元素,即父元素有定位則相對於父元素,父元素沒有則一直向上祖先元素追溯,若結構中均無定位則相對於html定位,注意!不是body。