css - 使用 CSS 的 div 布局问题

Question

我正在尝试在我的页面上并排布局两个 Html 表。当我点击左侧的投资组合 ID 时，我的交易贡献记录会显示在右侧。

我使用单独的 div，它允许我创建一个锁定列标题的标题表，并在它下面创建另一个包含数据的可滚动表。

详情：

页面的一个主 div - 页面内的四个 div：

1)两个向左浮动的 div
1a)第一个 div 是一个只有<caption>and<thead>和<th>标题的表格
2a)第二个 div 是可滚动的并且包含完整的表格单元格内容，没有标题

2)两个向右浮动的 div
1a)同上
2a)同上

正如您将看到的，我的投资组合定义 div 和左侧的表格看起来漂亮而整洁。

但是，右侧的 Trade Contrib div 和表格略有倾斜。

仅供参考 - 如果没有这种为表列标题使用单独 div 的技术，我的两个表并排看起来很棒。但是，它们没有锁定标题列的外观。例如/ http://jsfiddle.net/robertmazzo/bsApv/3/

我将继续试验，但一些方向和建议将不胜感激。

score 1 · Accepted Answer

将您的 div 组合包装在包装器 div 中并浮动它们。

<div id=left>
    <div id=leftheaders />
    <div id=leftbody />
</div>

1 回答 1