0

这应该相当简单，但由于某种原因，我无法将“页脚”div 放置在“容器”div 的底部。这与母版页格式有关，因此如果我将其调整为在一个页面上看起来不错，它不会在另一个页面上。有人可以快速浏览一下并帮助我吗？

#container {
background-color: #fafafa;
height: auto;
width: 1112px;
margin: 0 auto 0 auto;
position: relative;
}

#footer {
background-color: #fafafa;
width: 1112px;
height: 25px;
margin-left: auto;
margin-right: auto;
position: absolute;
bottom: 0;
}

#ftr-nav {
position: absolute;
bottom: 0;
right: 0;
float: right;
padding: 15px 30px 0 0;
}

.ftr-link-home {
font: 9px #0094ff;
}

.ftr-link-admin {
font: 9px #0094ff;
}

#copy {
float: right;
padding: 0 15px 0 0;
font-size: small;
position: absolute;
right: 115px;
bottom: 0;
}

http://jsfiddle.net/Develop_er/c32Mm/2/

4

2 回答 2

3

添加这个：

html,body
{
   height: 100%;
}
#container {
    background-color: #fafafa;
    height: 100%; /* <--- */
    width: 1112px;
    margin: 0 auto 0 auto;
    position: relative;
}

小提琴

于 2013-08-26T19:41:52.797 回答
0

是的。向#container 添加高度会使一切正常。

于 2013-08-26T19:51:52.967 回答