Float bottom

There is no "float: bottom" in CSS, but there are ways to achieve it by some other means:

HTML code:

<div class="example">
	<div class="float-bottom"></div>
</div>

CSS code:

.float-bottom {position: absolute; bottom: 0;}

Float bottom for copyright container

Typical need for positioning of an element somewhere at the bottom of a web page or its specific part was with copyright container in two or three column page layout. Something like this:

Browser support

Windows

Internet Explorer 8.0+

Firefox 1.0+

Google Chrome

Opera 7.5+

Safari 3.1+

SeaMonkey 1.0+

Mozilla 1.5+

Netscape 7.2+

Linux

Firefox 1.0+

Google Chrome / Chromium

Opera 7.5+

SeaMonkey 1.0+

Hv3

Mozilla 1.5+

Netscape 7.2+

More

• CSS horizontal and vertical centering - 1
• CSS horizontal and vertical centering - 2
• CSS vertical alignment
• CSS centering absolutely positioned elements
• Position an element relative to its grandparent