让一个div响应和内容里面

Question

我试图让我的注册表格回应，我曾尝试加入

在外层div

width:100%; 

，并在内部DIV

margin-left:auto; 
margin-right:auto; 

但我不认为它正在工作。 更新 我在wordpress上，这是我的网站link，这里是问题区域的屏幕截图。 link

Answer 1

这里的东西还是传统：

.sign_up_center { 
    width: 100%; // responsive, for smaller screen 
} 
#field_2_1 { 
    // force height, if not, your button goes on your field 
    width: 100%; 
    height: 50px; 
} 
#input_2_1{ 
    // full size mail field 
    display: block; 
    width: 100%; 
} 
#gform_submit_button_2{ 
    // full size submit button 
    width: 100%; 
} 

Answer 2

使用margin: 0 auto;

body { 
 
    width:100%; 
 
    height:100%; 
 
    
 
    background:grey; 
 
} 
 
form { 
 
    width: 50%; 
 
    min-height: 1000px; 
 
    margin: 0 auto; 
 
    background: lightgrey; 
 
    text-align:center; 
 
} 
 
input { 
 
    display: block; 
 
    margin: 0 auto; 
 
}

<form> 
 
    sign in 
 
    <input type="text"/> 
 
    <input type="password"/> 
 
</form>