Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to position div at the bottom of a page

How can I set position of a <div> to the bottom of page with either CSS or jQuery?

like image 905
Shahin Avatar asked Apr 05 '11 06:04

Shahin


People also ask

How do I place a div at the bottom without absolute?

Without using position: absolute , you'd have to vertically align it. You can use vertical-align: bottom which, according to the docs: The vertical-align CSS property specifies the vertical alignment of an inline or table-cell box.

How do I align the content of a div to the bottom in CSS?

We can also align the content of div to bottom using flex property. Use the display: flex to the element and add align-items: flex-end to align it to the end.


1 Answers

Use position:absolute and bottom:0

Check working example. http://jsfiddle.net/gyExR/

like image 54
Hussein Avatar answered Nov 04 '22 22:11

Hussein