div 父子层自适应高度问题

Question

<div id="father" style="background-color:#red;"><div id="soon"> 为什么father 层的背景不会被soon层的内容撑开高度，也就是高度自适应</div></div>

Answer 1

如果是第二种情况，我的建议是改成浮动，然后按第一种解决方法来。当然，你非要用js也是可以的，就是觉得能用css解决的问题尽量不要用js来弄，个人见解。

js解决办法：

$("#father").height($("#soon").height());

思路就是获取到子元素的高度，然后把子元素的高度赋值给父元素的高。当然其中还包括边距啊什么的你就直接加上就可以了。你要是不用jquery就把这个转成js，反正思路是不变的！

Answer 2

1、如果你给子元素添加了浮动，为了使父元素可以撑开，你可以给父元素设置overflow:hidden;

2、如果你给子元素添加了position：absolute绝对定位，这个时候除非用js获取高度赋值，要不然不能自动撑开。

3、如果以上两种情况都不是，那你可能给父元素设置了定高，这个时候父元素也不会随着子元素自动撑开的哟~这个时候把定高去掉即可！

个人见解！

Answer 3

估计是浮动没有清掉。 在子层中添加一个div如下

<div style="clear:both;"></div>

试试看

Answer 4

CSS 样式也贴出来呀！