一、相對定位(position:relative) 如果想讓一個元素在本來的位置進行一個位移,可以將該元素的定位設置為relative,同時指定相對位移(利用top,bottom,left,right).需要註意的是,元素仍然在文檔流中,占據著它本來的位置空間. 二、絕對定位(position:ab ...
一、相對定位(position:relative)
如果想讓一個元素在本來的位置進行一個位移,可以將該元素的定位設置為relative,同時指定相對位移(利用top,bottom,left,right).需要註意的是,元素仍然在文檔流中,占據著它本來的位置空間.
二、絕對定位(position:absolute)
想讓一個元素在文檔中的指定位置,可以使用absolute來定位,將該元素的position設置為absolute，同時使用top,bottom,left,right來定位.絕對定位的元素位置是相對於距離它最近的那個已定位的父級(相對/絕對)元素決定的.如果沒有父級元素,則根據body來進行定位,與相對定位相反,絕對定位不占據空間,從文檔流中刪除.
三、固定定位(position:fixed)
固定定位使用fixed屬性,它會相對於整個文檔定位,我們可以輕鬆的讓一個元素定位在瀏覽器的左上,右上等方位.比如說想讓一個div固定在右上方,使用以下代碼
.odiv{ position:fixed; top:2%; right:2%;}
