外部布局左列内的CSS 2列布局

Question

好的我有一个使用标准2列布局的网站设计。在OUTER布局的左栏中，我想放置一个内部2列布局。所以基本上是嵌套在外部2列布局的列中的两列布局。

以下是我的代码无效的示例。顶部的示例只显示我的外部2列布局工作正常。下面是我的嵌套2列布局已被破坏。我做错了什么？

jsFiddle Example

这里基本上是我想要做的图像

Answer 1

你的div上有一个clear:both导致右外部在内部div之后浮动。我删除了它并添加了一些jQuery以使外部div等于高度as you can see in this example.

如果你想让外部div在没有任何Javascript的情况下具有相同的高度，那么你可能需要让它们成为表格单元格。