本站關鍵詞：淄博網站建設,淄博網站設計,淄博網站制作,淄博網站優(yōu)化,淄博手機網站建設,淄博網站推廣,淄博網絡公司
絕對定位和浮動的區(qū)別和運用
定位和浮動有些朋友可能還在迷惑，兩者都可以分欄布局，到底什么時候用浮動，什么時候用定位呢？
當一個元素使用絕對定位后，它的位置將依據瀏覽器左上角開始計算或相對于父容器（在父容器使用相對定位時）。 絕對定位使元素脫離文檔流，因此不占據空間。普通文檔流中元素的布局就當絕對定位的元素不存在時一樣。因為絕對定位的框與文檔流無關，所以它們可以覆蓋頁面上的其他元素。
而浮動元素的定位還是基于正常的文檔流，然后從文檔流中抽出并盡可能遠的移動至左側或者右側。文字內容會圍繞在浮動元素周圍。當一個元素從正常文檔流中抽出后，仍然在文檔流中的其他元素將忽略該元素并填補他原先的空間。它只是改變了文檔流的顯示，而沒有脫離文檔流，理解了這一點，就很容易弄明白什么時候用定位，什么時候用浮動了。
一個元素浮動或絕對定位后，它將自動轉換為塊級元素，而不論該元素本身是什么類型。
淄博網站優(yōu)化 m.szwjs168.cn
|
