页脚不能放到网站底部

Question

#footer-row {
text-align: center;
color: white;
text-transform: uppercase;
font-size: 9pt;
position: absolute;
bottom: 300;
padding-bottom:0;
}

#footer-list {
padding-left: 195px;
padding-right: 25px;
}

#footer-list li {
list-style-type: none;
display: inline;
padding-right: 5px;
}


<div class="row-fluid" id="footer-row">
      <div class="span12">
      <ul id="footer-list">
        <li>&copy; 2013 Foxcode, Inc. All Rights Reserved</li>
        <li> | </li>
        <li>Legal</li>
        <li>Sitemap</li>
        <li>Privacy</li>
        <li>Contact</li>
      </ul>
      </div><!-- ./span12 -->
    </div><!-- ./row-fluid -->

我希望#footer-row下降到底部（背景的底部），我在CSS中设置了一些设置，但不起作用

谁知道怎么修它？

Answer 1

您有两个问题-一个问题是对于bottom属性，您没有包含单位，例如（px，cm，in等），另外两个问题是您将页脚300 （假定为px）放置在底部视口。 如果只希望页脚停留在底部，则只需指定bottom: 0; 在#footer-row ：

http://jsfiddle.net/2nhhE/

转移您的评论： “我希望页脚下降到底部，而不是绿色框的底部 ”

您将需要删除position: relative; 从.container-fluid类中选择，然后页脚将显示在底部，因为该元素正在为绝对定位的页脚建立一个包含块 ，当您希望页脚相对时，使其相对于.container-fluid的尺寸到视口。

这是一个例子：

http://img577.imageshack.us/img577/8189/testzl.jpg