Question

我无法将页脚放在页面底部。这是我的代码

footer {
background-color: #FFF;
position:fixed;
bottom: 0px;
width: 400px;
text-align: center;
}
<footer align="center">
    <p>March 25, 2</p>
</footer>

Answer 1

只需将宽度设置为100％

width: 100%;

Answer 2

Shabbir Lakdawala回答是您的选择之一，但请在floated内添加'{1}}元素，只需添加'div'包装

HTML

footer

CSS

<div class="footerWrap">
    <div class="footer">
      <div class="footerContent">
        <p>Lorem Ipsum dolor</p>
      </div>     
    </div>
</div>

工作demo

Answer 3

或者您可以为页脚添加容器并应用此代码：

HTML：

<footer>
    <div class="footer">
    lorem ipsum dolor
    </div>
<footer>

CSS：

footer{
    bottom: 0;
    position: fixed;
    width: 100%;
}

.footer {
    background: blue;
    height: 100px;
    margin: auto;
    width: 400px;
    text-align:center;
    padding:10px;
    color:#ffffff;
}

链接到小提琴：http://jsfiddle.net/qdVbR/174/

如何将页脚中心放在页面底部？

3 个答案: