css背景不能用模態框內容拉伸

Question

我改變了一個模式登錄窗口/彈出窗口的CSS文件。問題是，當我使用登錄表單時，我在右下方有一些滾動條。我提出了延長登錄對話框的想法，使其更加寬廣，更高。現在的問題是，背景並沒有隨着新的尺寸而延伸。

的高度和寬度本來是100％

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

這是完整的css文件，可有人給我解釋一下什麼和在哪裏進行編輯制​​作的背景下，適應新的dimentions？也許有更好的sollution，而無需到原來的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 
});