絕對定位和浮動的區別和運用


當一個元素使用絕對定位后,它的位置將依據瀏覽器左上角開始計算或相對於父容器(在父容器使用相對定位時)。 絕對定位使元素脫離文檔流,因此不占據空間。普通文檔流中元素的布局就當絕對定位的元素不存在時一樣。因為絕對定位的框與文檔流無關,所以它們可以覆蓋頁面上的其他元素。

而浮動元素的定位還是基於正常的文檔流,然后從文檔流中抽出並盡可能遠的移動至左側或者右側。文字內容會圍繞在浮動元素周圍。當一個元素從正常文檔流中抽出后,仍然在文檔流中的其他元素將忽略該元素並填補他原先的空間。它只是改變了文檔流的顯示,而沒有脫離文檔流,理解了這一點,就很容易弄明白什么時候用定位,什么時候用浮動了。

一個元素浮動或絕對定位后,它將自動轉換為塊級元素,而不論該元素本身是什么類型。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM