将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;
}