html - 页脚不能放在网站底部

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;on #footer-row：

http://jsfiddle.net/2nhhE/

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

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

这是一个例子：

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