浮動(dòng)+定位的 如何撐開(kāi)父容器???
浮動(dòng)+定位的 如何撐開(kāi)父容器???
夢(mèng)女神
2016-01-26
3 回答
舉報(bào)
0/150
提交
取消
2016-02-23
這個(gè)方法對(duì)于浮動(dòng)有效，對(duì)定位的元素不行
2016-01-26
一個(gè)解決方法是在父容器閉合標(biāo)簽前加上一個(gè)空元素，并且設(shè)置它的clear?:?both;
在父容器上設(shè)置 overflow:auto 可以讓它自動(dòng)包含子元素，從而具有了實(shí)際的height值;
使用偽元素就是在包含浮動(dòng)元素的父容器的前面或者后面創(chuàng)造一個(gè)隱藏的元素。通過(guò)對(duì):before 偽元素使用 display:table 來(lái)創(chuàng)建一個(gè)匿名的table-cell元素，從而防止子元素的top margin消失。這一招在IE6和7中具有一致的效果。同樣的，通過(guò)設(shè)置:after 偽元素來(lái)防止子元素的bottom margin消失。
2016-01-26
一個(gè)解決方法是在父容器閉合標(biāo)簽前加上一個(gè)空元素，并且設(shè)置它的clear?:?both;
在父容器上設(shè)置 overflow:auto 可以讓它自動(dòng)包含子元素，從而具有了實(shí)際的height值;
使用偽元素就是在包含浮動(dòng)元素的父容器的前面或者后面創(chuàng)造一個(gè)隱藏的元素。通過(guò)對(duì):before 偽元素使用 display:table 來(lái)創(chuàng)建一個(gè)匿名的table-cell元素，從而防止子元素的top margin消失。這一招在IE6和7中具有一致的效果。同樣的，通過(guò)設(shè)置:after 偽元素來(lái)防止子元素的bottom margin消失。