Странное поведение таблицы

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

Кажется, что проблема только воспроизводится на хроме.

HTML-ячейка занимает пространство, необходимое для отображения содержимого. Если высота не определена, ячейки распространяются в соответствии с содержимым. Если вы хотите установить последний tr, чтобы покрыть оставшуюся высоту, установите ее высоту 100%, вместо того чтобы добавить к ней <br>.

Проверить http://jsfiddle.net/v5co5uy7/3/

Answer 2

Я понял, обходной путь. См: http://jsfiddle.net/v5co5uy7/4/

<tr height="20px"> 

Нужен был на пару строк.