父相子绝导致父元素没有高度,坍塌问题

Posted 嘴巴嘟嘟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了父相子绝导致父元素没有高度,坍塌问题相关的知识,希望对你有一定的参考价值。

案列:
在这里插入图片描述
在这里插入图片描述
如果父元素没有高度
在这里插入图片描述

那么问题来了,为什么会这样呢?我们该怎么优美的解决呢?
首先我们要知道产生这个问题的原因,子元素绝对定位,父级元素不能适应子级绝对定位元素的高度

  1. 懒省事的方法就是 在父元素增加min-height

待更新…

以上是关于父相子绝导致父元素没有高度,坍塌问题的主要内容,如果未能解决你的问题,请参考以下文章

float浮动问题:会造成父级元素高度坍塌;

css父级没包住子级是怎么回事,我用firebug查看,确实在父级的div中,但是就是没有包括子级的内容

CSS - 高度坍塌和外边距溢出问题及解决方法

js实现效果:循环轮播图

沉淀期——定位

css 问题 如何使子层背景覆盖父层背景