我的页面页脚隐藏在页面上，我尝试了所有内容

Question

我的页面上有一些页脚问题。我有一个以页面为中心的主包装器height: auto;，以便在添加内容时包装器将展开。它一直在努力。我添加了标题，导航和内容，但出于某种原因，只要我添加页脚，页脚就不会显示出来。我尝试了clear: both;，有人说，我试过了：

position: absolute;
bottom: 0;

这也不起作用。我是前端新手;我正在学习如何制作我的作品集。我通常不做任何前端开发。我想将页脚保持在主包装内并让它显示出来。谢谢你的时间。

以下是我的HTML：http://pastebin.com/U9ZZFJsk
这是我的CSS：http://pastebin.com/3N7TX1B1

Answer 1

将内容位置更改为相对

#content {
    position: relative;
    padding: 3.5em 4em;
    width: 100%;
    height: auto;
    background-color: #CCCCCC;
}

Answer 2

请更改内容div css，如下所示 -

#content {
    background-color: #cccccc;
    clear: both;
    height: auto;
    padding: 3.5em 4em;
    position: relative;
    width: 100%;
}

我认为这会解决你的问题。

Answer 3

不要使用绝对位置。进行这3次更改，它应该可以正常工作。这将根据屏幕subprojects { group = 'com.my.company' version = '1.0.0' }

的大小自动居中

margin:auto

Answer 4

这对你来说是个小提琴。

http://jsfiddle.net/ztcafcqa/

基本上，问题出在您使用绝对的#content类。我已经删除了绝对位置。

#content {
    padding: 3.5em 4em;
    width: 100%;
    height: auto;
    background-color: #CCCCCC;
}