Question

The HTML Code:

<ul>
    <li>A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
    <li>E</li>
    <li>F</li>
</ul>

If i add one more li in the list, its height grows downwards. But i would like keep the list bottom static and increase its height upwards.

Update:
I am trying to keep a small bar in the bottom of browser window always. When user picks something, the bar will show the item. If it more than one item, the container has to auto increase its height upwards.

How to do it?

Any suggestions would be appreciative!

Thanks!

Answer 1

So I guess your list should be in absolute position width a specified bottom.