怎樣讓兩個div不重疊

? 最近在寫網(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占位,我又看了眼原代碼,果然也是這樣解決的

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答 1.浮動元素有什么特征?對父容器、其他浮動元素、普通元素、文字分別有什么影響? 浮動元素的特征:文字環(huán)繞浮動...
    liushaung閱讀 451評論 0 3
  • HTML部分 你是如何理解 HTML 語義化的? HTML語義化就是使用合適的標(biāo)簽書寫合適的內(nèi)容,避免使用過多無意...
    學(xué)的會的前端閱讀 577評論 0 2
  • 0 HTML5相關(guān) websocket WebSocket 使用ws或wss協(xié)議,Websocket是一個持久化的...
    可愛多小姐閱讀 1,011評論 0 0
  • 一、CSS簡介 1、簡單介紹 CSS 指層疊樣式表 (Cascading Style Sheets),樣式定義如何...
    千年幸福論閱讀 1,225評論 0 0
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 14,180評論 1 92

友情鏈接更多精彩內(nèi)容