用百分比控制div的宽度

Question

我有一个被称为＆＃39; signup_div＆＃39;它基本上包含5个输入教科书供用户输入数据。我有div定位绝对，html页面的主体是位置相对的，所以基本上身体是容器div。我似乎无法使注册div的宽度达到页面的20％，即使我使用输入类型也是如此。

这是我的代码：

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

所有输入都相对定位，高度和宽度由百分比决定。我究竟做错了什么？

Answer 1

您的signup_div的CSS包含min-width: 470px;属性，该属性设置signup_div的宽度，直到20％大于该值。

小心混合百分比和像素宽度，有龙。

另外，在此处发布时，结帐http://jsfiddle.net/用于模拟示例。它可以帮助您隔离问题，这有助于我们回答您的问题。

Answer 2

问题是您正在使用宽度和最小宽度值。如果删除最小宽度规则，则带百分比的宽度将起作用。