position的英文意思呢是位置,方位; 地位,職位; 態度; 狀態; 它有定位有四個值分別是絕對定位的兩個值absolute和fixed,相對定位的relative,還有一個預設的值static而它呢沒有定位。 下麵呢,我說先說一下: position的值,relative和absolute分別 ...
position的英文意思呢是位置,方位; 地位,職位; 態度; 狀態;
它有定位有四個值分別是絕對定位的兩個值absolute和fixed,相對定位的relative,還有一個預設的值static而它呢沒有定位。
下麵呢,我說先說一下:
position的值,relative和absolute分別是相對於誰來進行定位的?
absolute:生成絕對定位的元素,它是相對於最近一級的定位,而不是static的父元素來進行定位。
fixed (老IE不支持) 也是生成絕對定位的元素,但是它是相對於瀏覽器視窗或者是frame來進行定位。
relative 生成相對定位的元素,相對於其在普通文檔流中的位置進行定位。
static 預設值。沒有定位,元素出現在正常的文檔流中。
然後呢,我說一下:
CSS的定位
relative :相對定位,元素呢仍然處於正常的文檔流中,但是可以通過 left、top、right 和 bottom 的 CSS規則來改變元素的位置。
absolute :絕對定位,元素脫離了正常的文檔流,但是呢也可以通過left、top、right 和 bottom 的 CSS規則來改變元素的位置。
fixed :固定定位,元素脫離正常的文檔流,也可以通過left、top、right 和 bottom 的 CSS規則來改變元素的位置。
static :預設值,元素將按照正常文檔流的規則來排列。