課程
/前端開發
/HTML/CSS
/網頁布局基礎
不是很清楚，哪種情況下，用哪種方式
2016-06-04
源自：網頁布局基礎 3-5
正在回答
假設有div a ?div b ?div c 三個塊其中bc包含在a中 ，且bc都是左浮動，因為bc跳出文本流，此時a會縮成一條，對于這種情況的a ?吃用clear是無效的 ?只能用overflow。所以老師說了，父包含塊縮成一條時，clear方法無用
overflow用于父容器本身清除浮動,或者父容器內部元素溢出隱藏?
clear:both用于受到影響的容器,父包含塊縮成一條時，clear方法無用
實測，效果是一樣的。
效果是一樣的，相對于這道題，overflow需要寫在樣式表的 ? 父元素（mainbody） ? ?里，而樣式 ? ?.qingchu{clear:both} ? ? ?則是要在mainbody里單加一個空的塊級元素，即<div class="qingchu"></div>
我的理解是：overflow 是清除父級塊的浮動，主要是針對父級塊；而clear是清除后面緊臨的兄弟塊的浮動，針對的是后面的兄弟塊。<--小白的回答-->
應該是效果都是一樣的
舉報
讓你精通CSS中三大定位機制，徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-06-04
假設有div a ?div b ?div c 三個塊其中bc包含在a中 ，且bc都是左浮動，因為bc跳出文本流，此時a會縮成一條，對于這種情況的a ?吃用clear是無效的 ?只能用overflow。所以老師說了，父包含塊縮成一條時，clear方法無用
2017-05-25
overflow用于父容器本身清除浮動,或者父容器內部元素溢出隱藏?
clear:both用于受到影響的容器,父包含塊縮成一條時，clear方法無用
2017-02-27
實測，效果是一樣的。
2016-07-09
效果是一樣的，相對于這道題，overflow需要寫在樣式表的 ? 父元素（mainbody） ? ?里，而樣式 ? ?.qingchu{clear:both} ? ? ?則是要在mainbody里單加一個空的塊級元素，即<div class="qingchu"></div>
2016-06-07
我的理解是：overflow 是清除父級塊的浮動，主要是針對父級塊；而clear是清除后面緊臨的兄弟塊的浮動，針對的是后面的兄弟塊。<--小白的回答-->
2016-06-04
應該是效果都是一樣的