課程
/前端開發(fā)
/JavaScript
/形形色色的下拉菜單
同學(xué)們:我還是不明白,為啥border-bottom加了下邊框,邊框卻錯(cuò)位了,加上overflow:auto卻好了
2016-07-16
源自:形形色色的下拉菜單 4-2
正在回答
首先我們要知道,在之前,我們?cè)O(shè)置了li是浮動(dòng)的,也就是說(shuō),它脫離了文檔流(脫離了ul),是飄起來(lái)的,所以border-bottom加了下邊框卻沒有在li下面;當(dāng)加上overflow:auto后,可以理解為將浮動(dòng)的元素又重新包裹在它的父級(jí)元素里,所以設(shè)置下邊框出現(xiàn)在li底部。
舉報(bào)
本教程從易到難,循循漸進(jìn),運(yùn)用不同技術(shù)實(shí)現(xiàn)動(dòng)態(tài)下拉菜單
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-07-17
首先我們要知道,在之前,我們?cè)O(shè)置了li是浮動(dòng)的,也就是說(shuō),它脫離了文檔流(脫離了ul),是飄起來(lái)的,所以border-bottom加了下邊框卻沒有在li下面;當(dāng)加上overflow:auto后,可以理解為將浮動(dòng)的元素又重新包裹在它的父級(jí)元素里,所以設(shè)置下邊框出現(xiàn)在li底部。