css position詳解

postion:元素定位(默認爲static)

  由top  right  bottom right來設定位置

(1)absolute:絕對定位(瀏覽器都支持)

當元素爲絕對定位時,元素會脫離當前文檔流,下面的元素會頂上來,會以第一個position非static的父級定位,如果沒有父級元素則以瀏覽器窗口定位。不管是否爲塊級元素都不獨佔一行都可以設置寬高,調整位置時可能會覆蓋其它元素。

(2)relative:相對定位(瀏覽器都支持)

當元素爲相對定位時,元素不脫離當前文檔流,佔據原來位置,以原來的位置定位。該元素仍舊是原來的display特性,調整位置可能會覆蓋其他元素。

(3)fixed:固定定位(瀏覽器都支持)

當元素爲固定定位時,不設置位置時,會在父級元素上。不管元素是不是塊級元素都不佔一行都可以設置寬高,調整位置時可能會覆蓋其它元素。

(4)inherit:繼承父級元素的定位(除IE外的瀏覽器都支持)

注意:當父級元素爲絕對或者相對定位時設置寬高:子元素會根據以上定位特性定位。

   當父級元素爲絕對定位/相對定位沒有設置寬高時:父級元素寬度爲子元素最寬的一個,子元素保持原來的特性。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章