html - 如何设置嵌套在 DIV 包装器中的 DIV 的位置和尺寸？

Question

我有以下 HTML 标记:

<div id="wrapper">
    <div id="left-div"> [Content] </div>
    <div id="top-right-div"> [Content] </div>
    <div id="bottom-right-div"> [Content] </div>
</div>

left-div 的高度大于 top-right-div 和 bottom-right-div 的总和。我希望 left-div 始终位于包装的左侧，top-right-div 位于右上角，bottom-right-div 在右下角。

包装器是否也可以根据所有内部调整其大小 <div>s高度和宽度？

我试过设置absolute、float、display 和overflow，但我无法得到想要的结果。提前致谢

更新

jsfiddle 用例:http://jsfiddle.net/sBSfp/

Answer 1

我更新了 fiddle 来实现我所理解的你想做的事情

http://jsfiddle.net/sBSfp/2/

如果不是所需的布局，请进一步描述。