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

Question

我做了this sample on jsFiddle。

我不希望Div B超出div A.因为overflow:hidden属性不起作用，因为div B在div A内部但由于z-index＆amp;绝对定位不像div的孩子那样。问题是div A根据内容进行调整。而且我需要制作\出现div B而不是Div A.

任何建议???

p.s我可以使用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。