如何設置嵌套在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高度和寬度來調整其大小？

我嘗試通過設置絕對值，浮動值，顯示值和溢出值來嘗試，但無法獲得所需的結果。 提前致謝

更新

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

Answer 1

我更新了小提琴以實現您要執行的操作

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

如果不是所需的布局，請進一步描述。