如何对齐在一个网页，即使含量较少的右下角一个div？(How do I align a div at

我在这里有这个极其简单的初始页面： http://iph0wnz.com

它在中间的主图形，然后我的“一个。” 标志在右下角。 我想那标志对齐到整个页面的右下角，这意味着如果有大量的页面文字内容，似乎这一切之后（即不之上徘徊），但如果有较少的内容 - 像现在 - 那么它应该得到排列在屏幕的最底部，而不是内容之后。

我会尽量给文本例子就像我在看到如何对齐一个div至底部的内容？ ：

    -----------------------------
    | less content, no scroll   |
    |                           |
    |                           |
    |                           |
    |                        a. |
    ----------------------------- (screen height)

和

    -----------------------------
    | more content, yes scroll  |
    | the quick brown fox jump- |
    | ped over the lazy dog an- |
    | d she sells sea shells on |
    | the sea shore and some o- |
    | ther random text is put   | (screen height)
    | here so there is a scroll |
    | bar because the content   |
    | is too much for one scre- |
    | en to show. okay, I think |
    | that is enough.           |
    |                        a. |
    -----------------------------

除了上面链接，其他的问题，我也看了看我如何强制DIV块延伸到即使它有没有内容的页面的底部？ 但是这并没有为我工作的。

我知道这是死的简单，但我只是厌倦了，不想所有的黑客和技巧，我能找到。

另外，我想使用的方法把标志的网站上时，实际内容进去 - 这将是一个博客。

注：我不介意，如果需要达到这种效果使用JavaScript和jQuery。

Answer 1:

尝试这种解决方案：

* { margin: 0; }
html, body { height: 100%; }
/* the bottom margin is the negative value of the footer's height */
.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -142px; }
/* .push must be the same height as .footer */
.footer, .push { height: 142px; }

发现这里

编辑：来不及记得怎么做，或解释，但如果你需要“粘页脚”更多的帮助谷歌搜索

Answer 2:

东西略有不同，但同样有用，你可能是：

position: fixed;
bottom: 0;
right: 0;

这将让您的DIV在屏幕的右下角在任何时候和内容将流向背后（有点类似背景附件：固定）。 也许不是你要找什么，但肯定比其他一些黑客在那里更容易。 请注意，这将无法工作在IE6。

Answer 3:

我碰到这个线程跌跌撞撞试图弄清楚如何对齐表格到我使用为背景，我的浏览器网页的右下角。 我用的位置：绝对为表，嵌套在一个div，但是从其他方向对准它。 下面是CSS的外观：

    div 
        text-align:center

    table 
        position:absolute;
        top:63%;
        left:80%;
        text-align:left;
        background:rgba(0,0,0,0.4);

此后，这是用HTML中的表格宽度打得到它，我想这是一个问题。 我希望这可以帮助任何人都希望做同样的事情 - 并感谢您的OP和那些谁花时间来回答OP的问题，因此我自己:-)

这里是一个链接截图我把浏览器/桌面。 你会发现该表是在浏览器的背景的右下角，而不是直接在边缘。

Answer 4:

尝试使用位置：与JavaScript的screen.height一起绝对的。

不要以为这是最好的解决办法，但前一阵子为我工作。 也许这可以更好的使用jQuery实现的，但我没有尝试。

Answer 5:

使用JavaScript：让你的屏幕高度，然后动态地创建或什么的，然后

position:absolute;
top:<your document height>

应该把你的DIV底部。 做右对齐相同。 虽然，我不能保证结果在所有的浏览器。

文章来源: How do I align a div at the bottom right corner of a web page even if the content is less?