问题
How can I set position of a <div> to the bottom of page with either CSS or jQuery?
回答1:
Use position:absolute and bottom:0
Check working example. http://jsfiddle.net/gyExR/
回答2:
You can use position:absolute;bottom:0; if that's all you want.
回答3:
in css: position:absolute or position:fixed
回答4:
This has been answered already, but to give a little bit more context for non CSS-experts:
Given the HTML
<html>
<body>
<p>Some content</p>
<div class="footer">down there</div>
</body>
</html>
then the following css
div.footer {
position: absolute;
bottom: 0;
right: 0;
}
will position the text at the lower right corner of your viewport (browser window). Scrolling will move the footer text.
If you use
div.footer {
position: fixed;
bottom: 0;
right: 0;
}
on the other hand, the footer will stay at the bottom of your viewport, even if you scroll. The same technique can be used with top: 0 and left: 0 btw, to position an element at the top left corner.
回答5:
The combination position:fixed; with bottom:0; works for me.
回答6:
I think you can do this:
html{
min-height:100%;
position:relative;
background-color:red;
}
.footer{
bottom:0;
position:absolute;
background-color:blue;
}<html>
<body>
<div class='footer'>
<h1>I am Footer</h1>
</div>
</body>
</html>来源：https://stackoverflow.com/questions/5548142/how-to-position-div-at-the-bottom-of-a-page