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

我有以下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和右下div的高度。我希望左div始终位于包装的左侧，右上div位于右上角，右下div位于右下角

包装是否也可以根据所有内部

s

高度和宽度调整其尺寸

我尝试设置绝对、浮点、显示和溢出，但无法达到预期的结果。提前谢谢

更新

---

jsidle用例：

我更新了fiddle来实现我理解的您想要做的事情

---

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

我更新了小提琴，以实现我理解的您想要做的事情

---

如果不是理想的布局，请进一步描述。

据我所知，HTML和Co并不真正热衷于做这种事情。对于问题的最后一部分，您可以使用

display:table

样式根据div的内容设置div的大小。我建议您在@Paolo:Thank上创建一个用例，我创建了一个JSFIDLE用例。在那个里我设置了包装的高度和宽度，若我把它们拿出来，它会收缩。你可以在以下网站找到：据我所知，HTML和公司并不热衷于做这种事情。对于问题的最后一部分，您可以使用

display:table

样式根据div的内容设置div的大小。我建议您在@Paolo:Thank上创建一个用例，我创建了一个JSFIDLE用例。在那个里我设置了包装的高度和宽度，若我把它们拿出来，它会收缩。您可以在以下网址找到：