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