Html 如何删除div表单元格中的垂直填充？

考虑到这一点（似乎有同样的问题）我打开了以下CSS（注意

#head

和

#body

之间的空格）：

但是，这仍然会在表格单元格的顶部和底部之间添加一个空间。填充和边距似乎对此没有任何作用。建议？
Duh当然！我想知道早些时候是否需要这样做，但它从来没有表现出来（直到现在）。谢谢这就是答案。好吧，对齐顶部会将填充物移动到底部，而不是将其移除。如果他想要垂直对齐：中间，该怎么办？
.column-left, .column, .column-right {
    vertical-align: top; /* add vertical align top to fix this issue */
    display: table-cell;
    padding: 0px;
    border: dotted 2px #89E;
}

.column-left, .column, .column-right {
    vertical-align: top; /* add vertical align top to fix this issue */
    display: table-cell;
    padding: 0px;
    border: dotted 2px #89E;
}