課程
/前端開發(fā)
/HTML/CSS
/企業(yè)網(wǎng)站綜合布局實戰(zhàn)
pic news img 設(shè)置了左浮動不是脫離文檔流嗎 ?有些文字不是應(yīng)該被圖片覆蓋的嗎
2017-08-11
源自:企業(yè)網(wǎng)站綜合布局實戰(zhàn) 3-11
正在回答
浮動框浮動的時候,要看后面的元素是什么。
如果后面的元素是塊元素,那么這個塊元素會當(dāng)浮動框不存在,占據(jù)浮動框原來的位置,但是塊元素里面的文本內(nèi)容會為浮動框讓出位置。
如果后面的元素是行內(nèi)元素/內(nèi)聯(lián)元素,那么會為這個浮動框空出位置,然后按順序排列。所以說圖片左浮動了之后,后面接的span或者a,都是行內(nèi)元素,是不會占據(jù)圖片的位置覆蓋的
他只是脫離了文本流,但是不會覆蓋內(nèi)容。僅僅只是不會按照你的布局方式去布局而已。
舉報
本課程重點介紹HTML/CSS實現(xiàn)常見企業(yè)網(wǎng)站布局的方法
3 回答圖片設(shè)置左浮動后不是脫離了標(biāo)準(zhǔn)文檔流嗎?為什么文字會出現(xiàn)在它右側(cè)?
2 回答圖片左浮動后不是脫離文檔流了嗎 那為什么p和h還是會貼著
2 回答既然list-box設(shè)置浮動脫離了文檔流,那外層list-main是被什么撐開的?
2 回答設(shè)置了左浮動顯示不在一行
4 回答為什么nav_left設(shè)置了左浮動,不顯示在nav的最左邊。
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2017-08-21
浮動框浮動的時候,要看后面的元素是什么。
如果后面的元素是塊元素,那么這個塊元素會當(dāng)浮動框不存在,占據(jù)浮動框原來的位置,但是塊元素里面的文本內(nèi)容會為浮動框讓出位置。
如果后面的元素是行內(nèi)元素/內(nèi)聯(lián)元素,那么會為這個浮動框空出位置,然后按順序排列。所以說圖片左浮動了之后,后面接的span或者a,都是行內(nèi)元素,是不會占據(jù)圖片的位置覆蓋的
2017-08-11
他只是脫離了文本流,但是不會覆蓋內(nèi)容。僅僅只是不會按照你的布局方式去布局而已。