我的页脚元素太高

Question

我知道违规元素是什么，但我不知道如何调整代码以使其工作。我已经尝试了负边距，它确实成功地使文本更新并使框变小，但是超过-150px并且文本重叠。此外，制作响应式网站并不是一个好习惯。

好像在.row类中的文本上面有填充。但是没有。有什么建议吗？

https://jsfiddle.net/7r2wzp2m/ enter code here

Answer 1

我会将您的HTML重组为包含页眉，主页和页脚部分。更多封装更灵活。

不要将标签放在HTML的中间，将它们保存在标题中，或者更好地保存在单独的CSS文件中。

Answer 2

对于您的.page-footer元素，请删除top: 340px;属性，然后输入

.page-footer{
    position: relative;
    margin-top: 550px;
}

希望它有所帮助！

Answer 3

如果您添加规则

，则问题来自上方的元素

.container-staff::before, .container-staff::after {
    clear: both;
    display: table;
    content: ' ';
}

那应该解决它。我同意其他人的意见，如果可能的话你应该重组你的HTML，现在很难维护。