将中间div宽度限制为子div宽度

Question

我有这样的嵌套div：

<div class="first">
    <div class="second">
        <div class="third"></div>
    </div>
</div>​

第三个div包含动态内容 - 所以我不知道它的尺寸。

我想要的是第二个div取第三个div的宽度而不是第一个div的宽度更大。

所以在this demo中，我希望边框包围绿色方块。 这只能用css吗？如果是这样，怎么样？ 谢谢。

Answer 1

在第二节课中加上float: left;。这应该可以解决问题。

Answer 2

.second {   向左飘浮; }

或

.second {   display：inline-block; //不在ie7上工作 }

Answer 3

实际上div是一个块级元素，因此您可以将display:inline-block提供给第二个div ，而不是第三个 {{ 1}} 宽度＆amp;身高反之亦然...

<强> CSS

div

<强> DEMO