極限中的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 {float}：left; }

或

。第二{ 顯示：內聯塊; //不工作的IE7 }

Answer 3

實際上div是塊級元素，以便可以給display:inline-block到第二個div和比它會採取第三div寬度&高度 VIC-反之亦然.. 。

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; 
} 

DEMO