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

Question

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

这是我的代码无法正常工作的示例。顶部的示例仅显示我的外部 2 列布局工作正常。下面是我的嵌套 2 列布局已损坏。我做错了什么？

jsFiddle Example

这基本上是我想做的事情的图像

Answer 1

您有一个带有 clear:both 的 div，它导致右侧外部 float 在内部 div 之后。我删除了它并添加了一些 jQuery 以使外部 div 具有相同的高度，as you can see in this example.

如果您希望外部 div 在没有任何 Javascript 的情况下具有相同的高度，那么您可能需要将它们设为表格单元格。