Html 如何修复css填充

从昨天开始，我一直在努力处理这个登录页，我无法修复表单部分

给你！正如你所看到的，页面末尾的表单乱七八糟

下面是我使用的CSS片段。我做错了什么

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

---

好的，我已经更改了

#表单

下的以下属性，并且成功了：

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

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

设置宽度并添加填充后，它将比设置的宽度大。我解释过了吗？（我的英语糟透了）

---

“提交”按钮下会有一些填充，但这对您来说很容易修复。

好的，我已经更改了

#form

下的以下属性，并且成功了：

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

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

设置宽度并添加填充后，它将比设置的宽度大。我解释过了吗？（我的英语糟透了）

---

“提交”按钮下会有一些填充，但这很容易修复。

它应该是什么样子？你有预期结果的截图吗？试着把表单放到DIV中，然后把这个样式插入到DIV中。它应该是什么样子？你有预期结果的截图吗？试着把表单放到DIV中，然后把这个样式插入到DIV中。