課程
/前端開發
/HTML/CSS
/網頁布局基礎
overflow:hidden;是指隱藏超過這個元素高度寬度的內容,為什么可以達到這個清楚浮動的效果?
2015-10-17
源自:網頁布局基礎 3-3
正在回答
overflow:hidden 的意思是超出的部分要裁切隱藏掉,那么如果 float 的元素不占普通流位置,普通流的包含塊要根據內容高度裁切隱藏,如果高度是默認值auto,那么不計算其內浮動元素高度就裁切,就有可能會裁掉float,這是反布局常識的。所以如果沒有明確設定容器高情況下,它要計算內容全部高度才能確定在什么位置hidden,浮動的高度就要被計算進去,順帶達成了清理浮動的目標,同理,overflow 非默認值,position 非默認值,float 非默認值等都是遵循這個布局計算思路
這個是為了防止有內容的時候超出
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-04-18
overflow:hidden 的意思是超出的部分要裁切隱藏掉,那么如果 float 的元素不占普通流位置,普通流的包含塊要根據內容高度裁切隱藏,如果高度是默認值auto,那么不計算其內浮動元素高度就裁切,就有可能會裁掉float,這是反布局常識的。
所以如果沒有明確設定容器高情況下,它要計算內容全部高度才能確定在什么位置hidden,浮動的高度就要被計算進去,順帶達成了清理浮動的目標,同理,overflow 非默認值,position 非默認值,float 非默認值
等都是遵循這個布局計算思路
2015-10-19
這個是為了防止有內容的時候超出