Javascript 根据CSS的内部元素动态更改CSS

看看我的代码

#box_bg

是外部的灰色框，

#box

是内部的黑色框。我在

#框中使用了jquery accordion。我需要的是
#box#bg
应根据内部
#box
的大小动态放大或缩小其高度

有人能帮我吗

谢谢
 改变
高度：260px至<代码>高度：自动

UPD：将
位置：相对
添加到
框
更改
高度：260px至<代码>高度：自动

UPD：将
位置：相对
添加到
框中
不要指定绝对高度：只需使用
高度：自动
。当静态位置为
#box
且框架有一些填充物时，
#box_bg
将自动调整大小以适应其内容

请参见不要指定绝对高度：只需使用
height:auto
。当静态位置为
#box
且框架有一些填充物时，
#box_bg
将自动调整大小以适应其内容

请参见
我不确定您为什么需要position:absolute，因此请尝试此选项，看看它是否解决了您的问题：

#box_bg {
cursor: move;
background-color: #4f575e;
border-radius: 10px;
-moz-box-shadow: 3px 3px 5px 6px #00000;
-webkit-box-shadow: 0px 3px 5px 6px #00000;
box-shadow: 0px -3px 3px 1px #4f575e;
    overflow: hidden;
width: 245px;
    position: relative;
    padding-bottom: 2em;
margin-left: 100px;
margin-top: 150px;
}


#box {
cursor: pointer;

background-color: #24272a;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
box-shadow: 0px 0px 3px 1px #4f575e;
width: 225px;
margin-top: 20px;
padding: 10px;
word-wrap: break-word;
}

.
我不确定您为什么需要position:absolute，因此请尝试此选项，看看它是否能解决您的问题：

#box_bg {
cursor: move;
background-color: #4f575e;
border-radius: 10px;
-moz-box-shadow: 3px 3px 5px 6px #00000;
-webkit-box-shadow: 0px 3px 5px 6px #00000;
box-shadow: 0px -3px 3px 1px #4f575e;
    overflow: hidden;
width: 245px;
    position: relative;
    padding-bottom: 2em;
margin-left: 100px;
margin-top: 150px;
}


#box {
cursor: pointer;

background-color: #24272a;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
box-shadow: 0px 0px 3px 1px #4f575e;
width: 225px;
margin-top: 20px;
padding: 10px;
word-wrap: break-word;
}

.
@llia Frenkel如果我将其更改为自动，则box\U bg不可用displaying@lliaFrenkel如果我将其更改为自动#框#bg不显示