CSS框架，可容纳未对齐的div网格

我想知道是否有一个css框架来适应我在这里绘制的布局：

我以前试过只使用表，但当你开始添加边框时，事情很快就会变得恶心

我试着用960gs来做，但它不适合我。正方形网格看起来很合适，但看起来水平正方形只是为了展示，如果不是，我找不到任何关于如何使用它们的解释（演示只进行垂直对齐）

编辑： 我已经有了糟糕的桌子布局：

---

请注意，悬停时所有东西都会移动，更令人恼火的是，你看不到的是，边界是如何以无法控制的方式相互重叠的。

我建议使用Blueprint CSS。 检查网格演示的此链接：

它很容易使用，结果也会很好

此外，我还发现了这个很棒的教程：

您可能还想学习本视频教程：

---

希望这有帮助。

我建议使用Blueprint CSS。 检查网格演示的此链接：

它很容易使用，结果也会很好

此外，我还发现了这个很棒的教程：

您可能还想学习本视频教程：

---

希望这能有所帮助。

请将您尝试过的代码发布在上，最好是发布在上。请将您尝试过的代码发布在上，最好是发布在上。我欣赏答案，但blueprint以及大多数其他水平网格布局在遵守网格的同时不允许垂直重叠，如上图所示。我欣赏答案，但blueprint以及大多数其他水平网格布局在遵守网格的同时不允许垂直重叠，如上图所示。