html填充100%,html – 为什么输入框在给出100％宽度的填充后离开div框

我正在尝试创建一个100％具有相同宽度的容器的表单输入,但是一切正常,直到我为输入框提供填充,并且当我使用填充为< input type =“text”> < input type =“password”>这两个框离开了div但是对于< input type =“button”>它工作正常可以任何人告诉我什么是问题以及如何解决它..

body{

background-color: #eee;

font-family: Arial;

}

.login {

width: 400px;

background-color: white;

margin: 0 auto;

margin-top: 40px;

text-align: center;

padding: 5px 15px 30px 15px;

box-shadow: 1px 1px 3px RGBA(0,0.39);

}

input {

width: 100%;

padding: 10px 13px;

margin-bottom: 10px;

}

Log In