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，然后页脚将显示在底部，因为该元素正在为绝对定位的页脚建立containing block，当您希望页脚相对于视口时，它相对于.container-fluid的尺寸。

以下是一个例子：

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

页脚不能放到网站的底部

1 个答案: