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