javascript - 两个相邻的 50% 宽度/等高字段集的正确 HTML 对齐/大小低于 100% 宽度？

Question

我想像这样布置一个区域:

---- ----
|A | |B |
|  | |  |
---- ----
---------
|C      |
---------

三个盒子中的每一个都是 <fieldset> .盒子 A 和 B 可能填充了不同数量的元素，但它们的高度应该相同(需要更大的那个的高度)。

C 框应为 100% 宽度并位于其正下方。

完成此任务的正确/最简单的 HTML/CSS/JS 是什么？

编辑:我忘了添加字段集内部可能存在的问题是“jEditable”，这样字段集高度可能会动态变化，而其他字段集也需要调整大小。

Answer 1

A {
    float:left;
    width:50%;
}

B {
    overflow:auto;
}

C {
    clear:left;
}

不知道你还想要更多吗？