? 最近在寫網(wǎng)頁時遇到了一個頭疼的問題,我寫的導(dǎo)航欄和廣告欄重疊在一塊,這下給我難住半天,查百度得知class=left的div盒子使用了浮動屬性float:left,class=nofloat未使用。這樣一個浮動DIV,一個未使用float浮動屬性,所以就造成重疊現(xiàn)象。我復(fù)查我的代碼發(fā)現(xiàn)確實出現(xiàn)上面的情況,解決的辦法有三種
1、兩個均使用float浮動屬性
對.left和.nofloat設(shè)置float屬性,解決遮擋層疊。
2、兩個都不使用浮動屬性。
兩個div都不設(shè)置float浮動,解決重疊問題。
3、第一個div設(shè)置float,第二個div設(shè)置margin屬性利用間距讓其不重疊
這種方法也是布局常用的,前提是帶float要設(shè)置寬度,同時不帶float的div設(shè)置margin屬性,利用間距方法,讓沒有設(shè)置float的div錯開設(shè)置float,實現(xiàn)div不重疊。
這三個方法我輪流試,明明感覺可以,可依然沒有效果,這是為啥呢?我注視著我的代碼,陷入沉思,是不是導(dǎo)航欄的原因,我的導(dǎo)航欄是固定在頭部不動的,上面三個方法不管用,說明不是浮動的原因,可能是我第二部分div起始位置就是頂部,我給它在上面加一個空白的div占位,我又看了眼原代碼,果然也是這樣解決的