html - 如何修复css填充

Question

从昨天开始，我一直在为这个登陆页面而苦苦挣扎，我无法修复表单部分。

这是一个链接！正如你所看到的，页面末尾的表格是一团糟。

在下面找到我使用的 CSS 片段。我做错了什么？

#form {
background: #F1F1F1;
font-size: 22px;
margin:  25px 20px 35px 0px;
padding: 35px 5px 35px 0px;
text-align: left;
width: 100%;}

Answer 1

好的，我已经更改了以下属性#form并且它起作用了：

#form {
 padding: 35px;
 width: auto;
 margin: 25px 0;
}

#form p {
  float: none; /*or remove float line */
}

设置宽度并添加填充后，它将大于设置的宽度。我自己解释了吗？（我的英语很烂）

提交按钮下方会有一些填充，但您可以轻松修复它。