控制一個百分比的div的寬度

-1

我有一個名爲'signup_div'的div，它基本上容納了5個輸入的教科書供用戶輸入數據。我把div放在絕對位置，html頁的正文是相對位置，所以基本上正文是容器div。我似乎無法使註冊div的寬度達到頁面的20％，即使當我使用輸入類型時也是如此。控制一個百分比的div的寬度

這是我的代碼：

body { 
width: 100%; 
height: 100%; 
min-width: 1200px; 
min-height: 100vh; 
position: relative; 
margin: 0 auto; 
} 

#signup_div { 
position: absolute; 
left: 4%; 
top: 7%; 
width: 20%; 
min-height: 580px; 
height: 85%; 
min-width: 470px; 
background-color: #EBEBEB; 
border-radius: 3px; 
}

所有的輸入被相對定位，並具有高度和通過的百分比確定的寬度。我究竟做錯了什麼？

來源

2015-10-27 Hanker

Java標記已刪除 - 我不明白這個問題是如何處理Java編程的。 –

那麼，爲什麼JavaScript和jQuery標記？這顯然是一個CSS問題。請不要發送垃圾郵件標籤。 – NewToJS

您的signup_div的CSS包含一個min-width: 470px;屬性，它將signup_div的寬度設置爲20％以上的寬度。

要小心混合百分比和像素寬度，有龍。

此外，結帳http://jsfiddle.net/嘲笑你在這裏發佈的例子。它可以幫助你隔離問題，並幫助我們回答你的問題。

來源

2015-10-27 02:03:56 Matt

問題是您正在使用寬度和最小寬度值。如果刪除最小寬度規則，則使用百分比的寬度將起作用。

來源

2015-10-27 02:04:50 rby

控制一個百分比的div的寬度

回答

相關問題