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

我有这样的嵌套div：

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

​

第三个div包含动态内容，所以我不知道它的维度

我想要的是第二个div取第三个div的宽度，而不是第一个div的宽度，它要大得多

因此，我希望边界将绿色广场围起来。 这是否仅适用于css？如果是，怎么做？

---

谢谢

放置一个

浮动：左在第二个类中。这应该就可以了。
放一个
浮点：左在第二个类中。这应该可以解决问题。
.second{
浮动：左；
}

或

.第二{
display:inline block；//不在ie7上工作
}秒{
浮动：左；
}

或

.第二{
display:inline block；//不在ie7上工作
}实际上
div
是一个块级元素，因此您可以将
显示：inline block
设置为第二个div，然后将第三个div
div宽度和高度设置为

CSS

.first
{
    width: 500px;
    height: 500px;
    background: yellow;
}

.second
{
    border: 5px solid blue;
    display:inline-block;
}

.third
{
    min-width: 100px;
    min-height: 100px;
    background: green;
}

实际上
div
是一个块级元素，因此您可以将
显示：inline block
设置为第二个div，然后将第三个div

宽度和高度设置为

CSS

.first
{
    width: 500px;
    height: 500px;
    background: yellow;
}

.second
{
    border: 5px solid blue;
    display:inline-block;
}

.third
{
    min-width: 100px;
    min-height: 100px;
    background: green;
}

不知道你是不是这个意思不知道你是不是这个意思