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

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

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

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

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

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

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