根据其内部元素动态更改 CSS

Changing CSS dynamically according to its inner elements

本文关键字：CSS 动态 元素 内部      更新时间：2023-09-26

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

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

谁能帮我？

谢谢！

不要指定绝对高度：只需使用 height:auto 即可。如果静态位置为 #box，并且框架有一些填充，#box_bg将自动调整其内容的大小。

见 http://jsfiddle.net/GXAYa/18/

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

#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在这里。

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

UPD：将position:relative添加到#box

相关文章：