Question

您好。我的HTML表单加载完美。但是当我“刷新”网页时，表单会自动向左移动（参见附图）。有人可以告诉我我做错了什么吗？提前致谢！ -lion

Answer 1

我终于找到了问题 - ＆gt;

我必须做出宽度＆＃34;两个容器 =至＆＃34; max-width＆＃34; 表单。我对编程非常陌生，所以这对我的士气有很大的推动作用 - 让我想继续学习。

.container2 {
    width: 100%;
    text-align: center;
    margin: -35px auto;
}
.container3 {
    width: 100%;
    text-align: center;
    margin: -35px auto;
}

谢谢大家的建议:)干杯！ -lion

Answer 2

form { 
    margin: 0 auto;
}

把这个放在你的CSS中，这可以解决你的问题。

Answer 3

这是我的一些CSS：

/ * NOTIFY ME * /

.container2 {
    width: 100%;
    text-align: center;
    margin: -35px auto;
}
.form-rapper {
    border: 1px solid; 
    color: #1e5a88;
    padding: 10px;
    max-width: 335px;
    max-height: 100%;
    min-width: 150px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 13px;
}
.container3 {
    width: 100%;
    text-align: center;
    margin: -35px auto;
}
.form-rapper1 {
    border: 1px solid; 
    color: #1e5a88;
    padding: 10px;
    max-width: 375px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 13px;
}

Answer 4

我不久前遇到过这样的问题，这对我有用：

form {
position: absolute;
top: 10px;
margin-top: 10px;
}

每次刷新网页时都会出现HTML表单错误

4 个答案: