页脚背景不显示全高

Question

在新网站的页脚中清理了一些html，现在页脚背景颜色没有显示为全高。它在清理之前正确显示，我没有触及CSS中的任何内容，想知道我是否只是忽略了一些小东西。

当前的CSS：

#footer {
width: 100%;
margin: 20px 0;
position: relative;
padding: 20px 0;
background-color: rgba(0, 151, 214, 1);
} 

注意：我不想指定高度即。 600px然后必须重新调整几个断点的高度或最小高度。

谢谢！

Answer 1

页脚元素（id = footer）是＆＃34;崩溃＆＃34;因为它的所有孩子都漂浮着。若要解决此问题，您可以应用clearfix hack。您可以添加一个名为.clearfix的新类，并将该类添加到页脚元素，或者您可以将此代码应用于页脚元素;

#footer:after {
  content: "";
  display: table;
  clear: both;
}

您可以在此处详细了解clearfix / group hack：https://css-tricks.com/snippets/css/clear-fix/