postion:元素定位(默認爲static)
由top right bottom right來設定位置
(1)absolute:絕對定位(瀏覽器都支持)
當元素爲絕對定位時,元素會脫離當前文檔流,下面的元素會頂上來,會以第一個position非static的父級定位,如果沒有父級元素則以瀏覽器窗口定位。不管是否爲塊級元素都不獨佔一行都可以設置寬高,調整位置時可能會覆蓋其它元素。
(2)relative:相對定位(瀏覽器都支持)
當元素爲相對定位時,元素不脫離當前文檔流,佔據原來位置,以原來的位置定位。該元素仍舊是原來的display特性,調整位置可能會覆蓋其他元素。
(3)fixed:固定定位(瀏覽器都支持)
當元素爲固定定位時,不設置位置時,會在父級元素上。不管元素是不是塊級元素都不佔一行都可以設置寬高,調整位置時可能會覆蓋其它元素。
(4)inherit:繼承父級元素的定位(除IE外的瀏覽器都支持)
注意:當父級元素爲絕對或者相對定位時設置寬高:子元素會根據以上定位特性定位。
當父級元素爲絕對定位/相對定位沒有設置寬高時:父級元素寬度爲子元素最寬的一個,子元素保持原來的特性。