Internet Explorer（IE）问题：一个HTML表格列中的内容与相邻表格列的顶部不垂直对齐

我遇到了一个在IE中出现的格式问题，但在Chrome、FireFox或Safari中没有

背景： 我构建了一个HTML页面，它遵循一种非常常见的结构：将主控件放在页面顶部，将导航控件放在左侧，将数据/内容视图放在右侧，将页脚放在页面底部

页面上的不同区域使用HTML表和div进行分割

问题/症状：左侧导航控件区域中的内容不足以跨越右侧部分中数据和信息视图的垂直长度。因此，左侧导航部分中的内容会向下浮动到中间，而不是固定在顶部

问题：如何使表格左侧列中的HTML内容垂直对齐到表格顶部，使其与右侧列中的内容适当对齐，从而在IE和所有其他浏览器中都能正常工作？（再说一次，除了IE之外，它在所有浏览器中都可以正常工作，所以问题实际上是如何在IE中修复它。）

页面示例1:

页面示例2:

注意：所有HTML样式都在页面中

这让我有点发疯。非常感谢您的帮助

谢谢

---

弗兰克

td{vertical align:top；}

？您好，谢谢您的快速回复。如果出现相反的情况（例如，左侧导航列中的内容多于右侧数据视图列中的内容），是否需要将“td{vertical align:top；}”放置在两侧？我验证了它，它可以工作。我想补充的唯一一点是，我必须确保将垂直对齐应用于表中的两列，以便防止列大小不匹配发生在任一列上，而不仅仅是左侧的列。