浮动+定位的 如何撑开父容器???
来源：3-2 jQuery实现瀑布流布局的图片加载功能
梦女神
2016-01-26 16:35
浮动+定位的 如何撑开父容器???
写回答
关注
3回答
-
- 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消失。
瀑布流布局
瀑布流布局是网站比较流行的一种布局方式，教你实现三大方式
97759 学习 · 736 问题
相似问题