如何设置嵌套在 DIV 包装器内的 DIV 的位置和尺寸？答案

【问题标题】：How to set position and dimension of DIVs nested inside a DIV wrapper?如何设置嵌套在 DIV 包装器内的 DIV 的位置和尺寸？
【发布时间】：2011-11-20 03:59:45
【问题描述】：

我有以下 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/

【问题讨论】：

据我了解，HTML 和 Co. 并不热衷于做这种事情。对于问题的最后一部分，您可以使用 display: table 样式根据其内容设置 div 的大小。
我建议你在jsfiddle.net上创建一个用例
@Paolo：谢谢，我创建了一个 jsfiddle 用例。我在哪里设置包装的高度和宽度，如果我把它们拿出来它会缩小。您可以在以下位置找到它：jsfiddle.net/sBSfp

标签： html nested wrapper

【解决方案1】：

我更新了小提琴来实现我理解你想要做的事情

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

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

【讨论】：