假设我有这样的代码:
<table>
<tr>
<td>
<div id="top">top</div>
<div id="bot">bottom</div>
</td>
</tr>
</table>
我正在尝试通过 CSS 将 #top 与单元格顶部对齐,将 #bot 与底部对齐。
#top { vertical-align:top; }
#bot { vertical-align:bottom; }
以上似乎不起作用 - 它似乎根本没有任何效果。这是代码的链接:http: //jsfiddle.net/vKPG8/28/
关于为什么会发生这种情况以及如何解决的任何解释?