課程
/前端開發
/HTML/CSS
/網頁布局基礎
不理解overflow:hidden的含義
2017-04-23
源自:網頁布局基礎 3-5
正在回答
首先左右兩個浮動是會踢出正常的內容流的,就相當于漂浮起來了 但是文字還是會環繞這個浮動的邊框的 所以這個頁腳就會上移
但是overflow:hidden 就是把超出 這個mainbody當前規定范圍內的元素全部裁減掉 但是mainbody沒有規定寬和高 所以默認會把兩個浮動也算到內容里面去 這樣就等于變相的把浮動效果壓下來了 所以這個頁面會按照正常的流在下面顯示
溢出的部分被隱藏了,而content部分在較高層(第二層),就只能在沒被隱藏的部分顯示了。大概只能這么理解了。。
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-05-25
首先左右兩個浮動是會踢出正常的內容流的,就相當于漂浮起來了 但是文字還是會環繞這個浮動的邊框的 所以這個頁腳就會上移
但是overflow:hidden 就是把超出 這個mainbody當前規定范圍內的元素全部裁減掉 但是mainbody沒有規定寬和高 所以默認會把兩個浮動也算到內容里面去 這樣就等于變相的把浮動效果壓下來了 所以這個頁面會按照正常的流在下面顯示
2017-04-23
溢出的部分被隱藏了,而content部分在較高層(第二層),就只能在沒被隱藏的部分顯示了。大概只能這么理解了。。