html - CSS:使用浮点数作为Quora在页面底部的页脚膨胀

我想在底部加一个页脚。首先，我使用position: fixed

.page-foot {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #F6F6F6;
    height: 400px;
    border-top: 1px solid #eee;
}

但是使用这种方法，我遇到了一些问题，比如在Chrome开发工具上调试，我看不到html文件的其他部分，因为我的页脚很大。
我研究了他们的源代码，发现使用float的页面如下所示

.page-foot {
    float: left;
    position: relative;
    border-top: 1px solid #eee;
    background: #f6f6f6;
    width: 100%;
    min-width: 1020px;
    height: 400px;
}

下面是我可以使用Chrome开发人员控制台调试页脚的示例图像：
当我缩小页面时，页脚仍然位于页面底部：
这个方法可以解决上面的问题（我可以在调试时滚动到另一个部分）。但如果其他内容（如页眉+主要内容）有足够的空间，页脚就位于页面的下方，并且此页脚将隐藏主要内容的某些内容。
我知道Quora没有遇到这个问题。他们的页脚总是在底部，没有主要内容的内容被覆盖。
我想知道他们怎么做？
谢谢：）

最佳答案

你需要给你的内容区域padding-top等于页眉的高度，而padding-bottom等于页脚的高度。

关于html - CSS:使用浮点数作为Quora在页面底部的页脚膨胀，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30407428/