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