Сделайте позицию div внизу другого div

Question

У меня есть div внутри другого div, который хочет показать внизу. Но это не будет. Посмотрите на код:

... 
<td valign="top" style="height: 900px;"> 
    <center> 
     <div class="sidebar"> 
       <div id="block_sub">Hello</div> 
     </div> 
     </center> 
</td> 
... 

<styles> 
.sidebar{ 
position: relative; 
} 
#block_sub{ 
position: absolute; 
bottom: 0; 
} 
</styles> 

Answer 1

отлично работает для меня:

http://jsfiddle.net/2nssD/

Вы сделали две ошибки через:

Вы использовали #sidebar вместо .sidebar, и вы не дали ваш внешний div - высота.

Используйте это:

.sidebar{ 
    position: relative; 
    background: red; 
} 
#block_sub{ 
    position: absolute; 
    bottom: 0; 
    background: blue; 
}