課程
/前端開發
/HTML/CSS
/網頁布局基礎
overflow:hidden清楚浮動的原理是什么?還有其他什么功能?
2016-01-06
源自:網頁布局基礎
正在回答
//舉例說明 #box{????????? ??????????width:500px;? ??????????background:#000;? ??????????height:500px; ?}? #content?{? ??????????float:left;? ??????????width:600px;? ??????????height:600px;? ??????????background:red; ?}
當我們給box這個div加上overflow:hidden這個屬性的時候,其中的content 等等帶浮動屬性的div的在這個立體的浮動已經被清除了。這就是overflow:hidden這個屬性清除浮動的準確含義。當我們沒有給box這個 div設置高度的時候,content 這個div的高度,就會撐開box這個div,而在另一個方面,我們要注意到的是,當我們給box這個div加上一個高度值,那么無論content 這個div的高度是多少,box這個高度都是我們設定的值。而當content 的高度超過box的高度的時候,超出的部分就會被隱藏。這就是隱藏溢出的含義!
前端后端通吃 提問者
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-01-07
//舉例說明 #box{????????? ??????????width:500px;? ??????????background:#000;? ??????????height:500px; ?}? #content?{? ??????????float:left;? ??????????width:600px;? ??????????height:600px;? ??????????background:red; ?}當我們給box這個div加上overflow:hidden這個屬性的時候,其中的content 等等帶浮動屬性的div的在這個立體的浮動已經被清除了。這就是overflow:hidden這個屬性清除浮動的準確含義。當我們沒有給box這個 div設置高度的時候,content 這個div的高度,就會撐開box這個div,而在另一個方面,我們要注意到的是,當我們給box這個div加上一個高度值,那么無論content 這個div的高度是多少,box這個高度都是我們設定的值。而當content 的高度超過box的高度的時候,超出的部分就會被隱藏。這就是隱藏溢出的含義!