黄色网站在线播放,最新四虎影在线在永久观看夜店激情,色五月婷婷综合,欧美日韩精品一级黄片

絕對定位和浮動的區(qū)別和運(yùn)用

定位和浮動有些朋友可能還在迷惑，兩者都可以分欄布局，到底什么時候用浮動，什么時候用定位呢？

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

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

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

淄博網(wǎng)站優(yōu)化