網(wǎng)頁設(shè)計中多個DIV層重疊到一起到頂部？

更新時間：2018-11-28 文章分類：網(wǎng)頁技術(shù)課堂

可能您遇到過上下結(jié)構(gòu)的布局，下面DIV內(nèi)容重疊上面DIV內(nèi)容上，也可能下面內(nèi)容覆蓋掉上面DIV布局，形成DIV與DIV覆蓋重疊現(xiàn)象；您也可能遇到過相鄰的兩個DIV盒子發(fā)生重疊覆蓋現(xiàn)象，這些是什么問題如何解決？
DIV網(wǎng)頁設(shè)計

這個原因是因為第一個大盒子里的子級使用了浮動float屬性而產(chǎn)生了浮動，所以導(dǎo)致“大盒子”DIV沒有被撐開，而“DIV”高度沒有設(shè)置，所以導(dǎo)致DIV盒子形成了覆蓋重疊現(xiàn)象。
解決方案一：把第一個DIV設(shè)置固定高度（一般情況下內(nèi)容不確定多少，就不能設(shè)置固定的高度，所以一般不能設(shè)置高度）
解決方案二：清除浮動（在DIV盒子閉合前加clear樣式清除浮動。）
DIV重疊

我們常常用于使用了float css樣式后產(chǎn)生浮動，最常用是使用clear:both清除浮動。比如一個大對象內(nèi)有2個小對象使用了css float樣式為了避免產(chǎn)生浮動，大對象背景或邊框不能正確顯示，這個時候我們就需要clear:both清除浮動。
DIVCSS網(wǎng)頁設(shè)計

上一篇：網(wǎng)頁制作圖片或文字滾動鼠標(biāo)經(jīng)過停止?jié)L動效果

下一篇：Node.js可以做什么，是能做什么的？

網(wǎng)頁設(shè)計中多個DIV層重疊到一起到頂部？

作品推薦

相關(guān)文章