在我的网页上溢出，为什么这样做？

Question

在我的网页上（我还在编辑），由于某种原因右边有一个溢出，我看了代码，我看不出它来自哪里？ css当前在index.html文档中作为样式，因此您应该很容易看到它。

此处：www.thejonty.co.uk 如果在铬...查看源：www.thejonty.co.uk

非常感谢你的帮助 - 我不是一个流利的编码员，但我知道我的方式。 谢谢！

Answer 1

您的页脚的width 100%和padding 20px。 这使得总共40px溢出。

您可以尝试使用padding: 20px 0;删除左侧和右侧不必要的填充。

Answer 2

是您的<footer> - 具有width: 100%;和padding: 20px;的元素。

您应将版权说明包装在<p>元素中，并将padding: 20px;添加到p {/ p>

这样的事情：

footer {

    width: 100%;
    height: auto;
    text-align: center;
    background-color: #fff;

}

footer p {
    padding: 20px;
}

HTML：

<footer>
    <p>&copy; ...</p>
</footer>

Answer 3

问题在于页脚。 当我删除页脚时，没有溢出。

只需从页脚样式中删除填充或仅设置填充顶部和底部。

Answer 4

尝试从页脚中删除padding:20px，一切正常