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

我在页面上的页脚出现了一些问题。我有一个主要的包装在页面居中，与height: auto;，使包装将扩大，因为我添加内容。迄今为止它一直在努力。我添加了标题，导航和内容，但由于某种原因，只要添加了页脚，页脚就根本不会显示出来。我尝试clear: both;有人说，我试过：我的页面页脚隐藏在页面上，而且我已尝试了所有内容

position: absolute; 
bottom: 0;

这也没有工作。我对前端很陌生;我只是学习它来制作我的投资组合。我通常不会做任何前端开发。我希望将页脚保留在主包装中并让它显示出来。谢谢你的时间。

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

来源

2015-10-17 coder guy

y你是否在任何地方都使用绝对位置。 –

检查我的答案。它有一个工作小提琴。如果它不起作用，它会帮助您创建小提琴和共享，以便它可以在线修复。 –

请勿使用绝对位置。做这3个变化，它应该工作正常。这将根据屏幕margin:auto

#wrapper { 
    width: 80%; 
    opacity: 0.8; 
    margin: auto; 
    overflow: hidden; 
} 

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

#footer { 
    width: 100%; 
    clear: left; 
    height: 4em; 
    background-color: black; 
    color: white; 
}

来源

2015-10-17 04:01:34

对不起，延迟回复！这解决了我的问题。非常感谢！ –

不用客气 –

改变内容的位置相对

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

来源

2015-10-17 03:53:09

请更改内容DIV + CSS像下面 -

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

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

来源

2015-10-17 03:58:08

这是给你的工作小提琴的大小自动居中。

http://jsfiddle.net/ztcafcqa/

基本上，这个问题是有可能与你使用绝对的＃内容类。我已经移除了绝对位置。

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

来源

2015-10-17 04:16:34

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

回答

相关问题