課程
/前端開發(fā)
/HTML/CSS
/CSS深入理解之margin
想問一下,這里為什么要設置overflow:hidden;感覺這個好像很常見,不懂為什么,求教?
2016-10-30
源自:CSS深入理解之margin 5-1
正在回答
overflow:hidden;意思為當內容寬高大于父容器寬高,超出的部分就會被隱藏。
本題中內容寬度為:(386.66+20)* 3 = 1220
父容器寬度為:1200 < 1220?
所以這里如果不加overflow:hidden;則父容器無法在一行中容納所有的內容,最后一個div元素會換行顯示;
但是如果你加overflow:hidden;內容超過父容器的部分可以被隱藏,即可做到一行顯示。
這里不設置也沒關系是因為有一句margin-right:-20px;
SakrA_T 提問者
清除浮動
移除元素
舉報
本CSS教程帶你深入講解CSS的margin屬性,解決你多年困惑
2 回答關于絕對定位的margin屬性的問題
3 回答有關clientwidth的問題
4 回答關于background的用法
2 回答為什么overflow設置之后是非bfc?明明是bfc了呀!
2 回答關于margin-bottom實現下方留白的效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-11-08
overflow:hidden;意思為當內容寬高大于父容器寬高,超出的部分就會被隱藏。
本題中內容寬度為:(386.66+20)* 3 = 1220
父容器寬度為:1200 < 1220?
所以這里如果不加overflow:hidden;則父容器無法在一行中容納所有的內容,最后一個div元素會換行顯示;
但是如果你加overflow:hidden;內容超過父容器的部分可以被隱藏,即可做到一行顯示。
這里不設置也沒關系是因為有一句margin-right:-20px;
2017-05-18
清除浮動
2016-10-30
移除元素