奇怪的表行为

Question

我用桌子观察到了一种奇怪的效果。看下面的两个小提琴。

http://jsfiddle.net/v5co5uy7/（为什么左栏中的单元格被按下？）

http://jsfiddle.net/v5co5uy7/1/（左栏中的单元格正确定位）

这里唯一的区别是最终的

<td style="vertical-align: top;" align="center"><br><br><br><br><br><br></td>

我的问题：为什么我需要所有这些<br>才能将“（k + __）（k + __）”部分移动到适当的位置？

Answer 1

似乎问题只能在chrome上重现。

HTML单元占用显示内容所需的空间。如果高度未定义，则单元格根据内容跨越。 如果您希望设置最后tr以覆盖剩余高度，请将其高度设置为100%，而不是向其添加<br>。

检查http://jsfiddle.net/v5co5uy7/3/

Answer 2

我找到了一个解决方法。请参阅：http://jsfiddle.net/v5co5uy7/4/

<tr height="20px">

需要几行。