Question

看看我的代码 http://jsfiddle.net/rkumarnirmal/GXAYa/6/

#box_bg是外部灰色框，#box是内部黑框。我在#box中使用了jquery手风琴。我需要的是#box_bg应根据内部#box的大小动态放大或缩小其高度。

有人可以帮助我吗？

谢谢！

Answer 1

不要指定绝对高度：只需使用height:auto。如果#box的静态位置和框架的某些填充，则#box_bg会自动调整其内容的大小。

请参阅http://jsfiddle.net/GXAYa/18/

Answer 2

将height:260px;更改为height:auto;。

UPD：将position:relative添加到#box

Answer 3

我不确定你为什么需要这个职位：绝对，所以试试这个作为一个选项，看看它是否能解决你的问题：

#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;
}

JSFiddle here

根据内部元素动态更改CSS

3 个答案: