css - 根据另一个 div 的渲染高度渲染一个 div 的高度

Question

我在 jsFiddle 上制作了这个示例。

我不希望 Div B 离开 div A。因为overflow:hidden尽管 div B 在 div A 内部，但由于 z-index 和绝对定位的行为不像 div A 的孩子，所以该属性不起作用。问题是 div A 会根据内容进行自我调整。而且我需要使\显示 div B 不是来自 div A。

有什么建议么 ？？？

ps我可以使用javascript或服务器端代码\脚本来调整B的高度，但没有其他解决方案。

Answer 1

您忘记放置相对于父 div 的位置。

.aaa
{
    float: left;    
    width: 950px;
    background: none repeat scroll 0% 0% rgba(0, 255, 0, 0.7);
    overflow: hidden;
    position:relative;
} 

如果父 div 不在相对位置，则绝对位置将不起作用

Answer 2

$(document).ready(function(){
    $(".aaa").height($(".bbb").height()+38);
});

把这段代码和 jquery 包含在你的项目中。在这种情况下，您不是在操纵 b div 的高度。但你正在操纵一个div。