css 背景不随模态框内容拉伸

Question

我已经更改了模式登录窗口/弹出窗口的 css 文件。问题是，当我使用登录表单时，底部和右侧有一些滚动条。我想到了拉伸登录对话框，使其更宽、更高的想法。现在的问题是背景不会随着新的尺寸而拉伸。

高度和宽度原来是 100%

#sbox-content
{
    clear:                  both;
    overflow:               auto;
    background-color:       #fff;
    height:                 130%;
    width:                  160%;
}

这是完整的 css 文件，有人可以解释一下要编辑什么以及在哪里编辑以使背景适合新尺寸吗？也许有更好的解决方案，不必将原来的 100% 尺寸设置为 130% 和 160%

.body-overlayed embed, .body-overlayed object, .body-overlayed select
{
    visibility:             hidden;
}

#sbox-window embed, #sbox-window object, #sbox-window select
{
    visibility:             visible;
}

#sbox-overlay
{
    position:               absolute;
    background-color:       #FFFFFF;
}

#sbox-window
{
    position:               absolute;
    background-color:       #FF7400;
    text-align:             left;
    overflow:               visible;
    padding:                5px;
    -moz-border-radius:     3px;
}

* html #sbox-window
{
    top: 50% !important;
    left: 50% !important;
}

#sbox-btn-close
{
    position:               absolute;
    width:                  30px;
    height:                 30px;
    right:                  -120px;
    top:                    -15px;
    background:             url(../images/closebox.png) no-repeat top left;
    border:                 none;
}

.sbox-loading #sbox-content
{
    background-image:       url(../images/spinner.gif);
    background-repeat:      no-repeat;
    background-position:    center;
}

#sbox-content
{
    clear:                  both;
    overflow:               auto;
    background-color:       #fff;
    height:                 130%;
    width:                  160%;
}

.sbox-content-image#sbox-content
{
    overflow:               visible;
}

#sbox-image
{
    display:                block;
}

.sbox-content-image img
{
    display:                block;
}

.sbox-content-iframe#sbox-content
{
    overflow:               visible;
}

Answer 1

我不确定我理解这个问题，但也许您只需要：

#sbox-content
{
    clear:              both;
    overflow:           hidden;
    background-color:   #fff;
    height:             auto;
    width:              auto;
}

您能否通过在线工作测试用例来澄清？

编辑

感谢您的澄清。

似乎你应该在调用它时增加模式窗口的大小：

$("#sample").modal({
    minHeight:400,
    minWidth: 600
});