Dónal Dónal - 5 months ago 39
CSS Question

HTML/CSS positioning "float: bottom"

Given the following HTML:

<div id="container">
<!-- Other elements here -->
<div id="copyright">
Copyright Foo web designs

I would like
to stick to the bottom of

Can I achieve this without using absolute positioning? If the float property supported a value of 'bottom' it seems that would do the trick, but unfortunately, it doesn't.


Likely not.

Assign position:relative to #container, and then position:absolute; bottom:0; to #copyright.

#container {
    position: relative;
#copyright {
    position: absolute;
    bottom: 0;