html - 显示固定在右下角的页脚，默认为左侧 (CSS/HTML5)

Question

我试图将我的页脚放在页面的右下角。我正在使用 HTML5 的 <footer>标签。

所以，这是我的 CSS 中的内容:

footer {
    position:absolute;
    bottom: 0px;
    float: right;
    height: 35px;
    margin: 0px 50px 0px 0px;
    background: #9FF;
    color: #000;
    text-align: right;
    padding: 10px 30px;
}

使用此代码，页脚可以完美地粘在底部。我想要的是它也应该位于页脚的最右侧。

http://i47.tinypic.com/2rrox0w.png

因此，当我使用以下代码时:right: 50px在 CSS 中。然后页脚相对于浏览器定位。因此，每当我调整浏览器大小时，页脚就会错位。

我想要什么？

我想将页脚放在底部。在 container(#main 或 #maincontent)的 50px(右)边距处，它被放置在而不是浏览器中。 float: right似乎不起作用。

我也查看了整个互联网和 stackoverflow。但是，找不到解决此类问题的方法。

我使用的是 Google Chrome 22。因此，我的浏览器在很大程度上兼容 HTML5。

Answer 1

更新:你不需要绝对定位，只需删除位置，给页脚一些宽度，然后像这样向右浮动

footer {
    float: right;
    height: 35px;
    margin: 0px 50px 0px 0px;
    background: #9FF;
    color: #000;
    text-align: right;
    padding: 10px 30px;
    width: 180px;
}

My New Fiddle