当子元素需要相对父元素定位时,父元素无法被子元素撑大该怎么办

Posted 你是我支撑下去的理由

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了当子元素需要相对父元素定位时,父元素无法被子元素撑大该怎么办相关的知识,希望对你有一定的参考价值。

今天遇到了子元素相对父元素定位之后,父元素无法被撑开的问题,那是因为绝对定位之后,子元素已经脱离文档流了所以无法用自身的高度把父元素撑开,这个时候只能用js来解决这个问题了;

function psize(){
$("父元素").css(‘height‘,$("子元素").innerHeight());
}

上面是封装了一个函数,可以通过调用使用。

 height与innerHeight 的具体情况请看上一篇随笔。

以上是关于当子元素需要相对父元素定位时,父元素无法被子元素撑大该怎么办的主要内容,如果未能解决你的问题,请参考以下文章

父级塌陷清除浮动的五种方法

Web前端之高度塌陷与BFC

height:100%和height:auto的区分

Web前端HTML5&CSS310-高度塌陷与BFC

两个DIV,父元素相对定位没有设置高度,子元素绝对定位高度随内容变化,此无法撑开父DIV

清楚浮动的集中方法。