1

Just look at my code http://jsfiddle.net/rkumarnirmal/GXAYa/6/

#box_bg is the outer gray box and #box is the inner black box. I used jquery accordion in the #box. What I need is #box_bg should dynamically enlarge or reduce its height according to the size of the inner #box.

Could anyone help me?

Thanks!

4

3 に答える 3

3

絶対的な高さを指定しないでください: を使用してheight:autoください。フレームの静的な位置#boxといくつかのパディングにより、#box_bgそのコンテンツに合わせて自動的にサイズ変更されます。

http://jsfiddle.net/GXAYa/18/を参照

于 2012-04-13T03:22:31.150 に答える
1

に変更height:260px;しheight:auto;ます。

position:relativeUPD：に追加#box

于 2012-04-13T03:17:30.460 に答える
1

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

ここで JSFiddle。

于 2012-04-13T03:22:43.943 に答える