<small id="2a0ns"><button id="2a0ns"></button></small>
<small id="2a0ns"><rp id="2a0ns"></rp></small>
課程
/前端開發
/JavaScript
/瀑布流布局
浮動+定位的 如何撐開父容器???
2016-01-26
源自：瀑布流布局 3-2
正在回答
這個方法對于浮動有效，對定位的元素不行
夢女神 提問者
一個解決方法是在父容器閉合標簽前加上一個空元素，并且設置它的clear?:?both;
在父容器上設置 overflow:auto 可以讓它自動包含子元素，從而具有了實際的height值;
使用偽元素就是在包含浮動元素的父容器的前面或者后面創造一個隱藏的元素。通過對:before 偽元素使用 display:table 來創建一個匿名的table-cell元素，從而防止子元素的top margin消失。這一招在IE6和7中具有一致的效果。同樣的，通過設置:after 偽元素來防止子元素的bottom margin消失。
舉報
瀑布流布局是網站比較流行的一種布局方式，教你實現三大方式
4 回答絕對定位后脫離標準文檔流并不能把main撐開
1 回答box浮動
1 回答box 浮動問題
1 回答如何在瀑布流全部加載之后，獲得整個容器#main的高度
1 回答相對定位和絕對定位
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-02-23
這個方法對于浮動有效，對定位的元素不行
2016-01-26
一個解決方法是在父容器閉合標簽前加上一個空元素，并且設置它的clear?:?both;
在父容器上設置 overflow:auto 可以讓它自動包含子元素，從而具有了實際的height值;
使用偽元素就是在包含浮動元素的父容器的前面或者后面創造一個隱藏的元素。通過對:before 偽元素使用 display:table 來創建一個匿名的table-cell元素，從而防止子元素的top margin消失。這一招在IE6和7中具有一致的效果。同樣的，通過設置:after 偽元素來防止子元素的bottom margin消失。
2016-01-26
一個解決方法是在父容器閉合標簽前加上一個空元素，并且設置它的clear?:?both;
在父容器上設置 overflow:auto 可以讓它自動包含子元素，從而具有了實際的height值;
使用偽元素就是在包含浮動元素的父容器的前面或者后面創造一個隱藏的元素。通過對:before 偽元素使用 display:table 來創建一個匿名的table-cell元素，從而防止子元素的top margin消失。這一招在IE6和7中具有一致的效果。同樣的，通過設置:after 偽元素來防止子元素的bottom margin消失。