问答详情
源自:3-2 jQuery实现瀑布流布局的图片加载功能

浮动+定位的 如何撑开父容器???

浮动+定位的 如何撑开父容器???

提问者:梦女神 2016-01-26 16:35

个回答

  • rehack_cn
    2016-02-23 12:43:46

    这个方法对于浮动有效,对定位的元素不行

  • 小kk06
    2016-01-26 17:35:30

    一个解决方法是在父容器闭合标签前加上一个空元素,并且设置它的clear : both;

    在父容器上设置 overflow:auto 可以让它自动包含子元素,从而具有了实际的height值;

    使用伪元素就是在包含浮动元素的父容器的前面或者后面创造一个隐藏的元素。通过对:before 伪元素使用 display:table 来创建一个匿名的table-cell元素,从而防止子元素的top margin消失。这一招在IE6和7中具有一致的效果。同样的,通过设置:after 伪元素来防止子元素的bottom margin消失。

  • 小kk06
    2016-01-26 17:35:25

    一个解决方法是在父容器闭合标签前加上一个空元素,并且设置它的clear : both;

    在父容器上设置 overflow:auto 可以让它自动包含子元素,从而具有了实际的height值;

    使用伪元素就是在包含浮动元素的父容器的前面或者后面创造一个隐藏的元素。通过对:before 伪元素使用 display:table 来创建一个匿名的table-cell元素,从而防止子元素的top margin消失。这一招在IE6和7中具有一致的效果。同样的,通过设置:after 伪元素来防止子元素的bottom margin消失。