如何設置嵌套在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> 

左格比右上-DIV和右下角-DIV在一起更高的高度。我希望左側區域始終位於包裝右側的右上角和右下角的右下角區域。

包裝是否可以根據所有內部高度和寬度來調整其大小？

我試圖通過設置絕對，浮動，顯示和溢出但我無法達到預期的結果。在此先感謝

UPDATE

的jsfiddle使用案例：http://jsfiddle.net/sBSfp/

Answer 1

我更新了小提琴來實現我understnd你想要做

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

如果不是所期望的佈局請進一步描述。