子元素相对父元素绝对定位之后父元素没有高度怎么办

子元素相对父元素绝对定位之后父元素没有高度怎么办,第1张

我是这么理解问题的,题主父级元素设置position:relative作为参照物,

子元素设置position:absolute作绝对定位,然后目标是希望父元素高度可以自适应子元素。

所以:

子元素绝对定位,父级元素不能适应子级绝对定位元素的高度;

但是可以通过设置min-height属性,设置最小高度,这样父元素不会比绝对定位元素小,又能适应多出来的高度,基本就能解决问题了

如果某个div设置了高度,你可以获取这个div的高度,然后可以把这个高度给任意一个div赋值。

var height_num=documentgetElementById("divID")height;

var object_div=documentgetElementById("childDiv");

object_divheight=height_num;

这个太简单了吧,先设置父元素,overflow:hidden;

收起的时候,height:0;

点开的时候 height:auto;

另外最好不要用绝对定位,这样会让布局更麻烦

哦,补充一下,如果还有爷爷级的话同样要给设置overflow:hidden;

应为这样才能形成BFC(块级格式化上下文)

不然的话会撑不开

以上就是关于子元素相对父元素绝对定位之后父元素没有高度怎么办全部的内容,包括:子元素相对父元素绝对定位之后父元素没有高度怎么办、CSS 的设置 div子节点怎么自适应 父节点的高度呢 父节点没有设置高度值的、求一段JS 获取子元素自适应高度值并赋予其父元素相同的高度值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9778639.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存