CSS控制,子div的高度自适应父div的高度

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS控制,子div的高度自适应父div的高度相关的知识,希望对你有一定的参考价值。

<div id="a"> <div id="aa"></div> <div id="bb"></div></div> 如上结构,现在只有#bb的高度,我想让#aa的高度自适应与#bb的高度,还望前辈们不吝指教。。。

参考技术A 你没有设置高度,怎么来的自适应呢?我认为默认不设置高度适应的都是内容的高度,不论这个内容来自于子div还是父Div 参考技术B 很简单的,这个是你的套嵌错误啊,你把BB套嵌到AA里面就好了。<div id="a"> <div id="aa"> <div id="bb"></div> </div></div>这个布局,aa的高度就自适应bb的高度了,分好主次就可以了。 参考技术C 两个都自适应高度不好吗,如果一定要aa跟bb那只能写js

以上是关于CSS控制,子div的高度自适应父div的高度的主要内容,如果未能解决你的问题,请参考以下文章

div+css 父容器是自动高度,几个子容器也是自动高度,怎样兼容浏览器,父容器自适应高度?

Div 高度自适应填充父容器

div+css中 父容器用position:relative; 定义,子容器用position:absolute定义 。父容器不能高度自适应

如何撑开父元素,让父元素div自动适应高度的问题

请教css高手:子容器高度占满父容器高度应该怎么做?

请教css高手:子容器高度占满父容器高度应该怎么做?