CSS相對div的寬度通過絕對div自動擴展

Question

是否有可能獲得父（位置：相對）自動擴展其絕對子的寬度？ 這裏是我的jsfiddle鏈接：http://jsfiddle.net/YD2Xu/

理想的是＃容器和＃全寬應該有與＃大寬度相同的寬度。

CSS：

#container { 
    position: relative; 
    border: 1px solid green; 
} 
#large-width, #full-width { 
    display: table; 
    position: absolute; 
} 
#large-width { 
    white-space: no-wrap; 
    width: 1500px; 
    height: 200px; 
    border: 1px solid red; 
} 
#full-width { 
    top: 30px; 
    width: 100%; 
    border: 1px solid blue; 
} 

HTML：

<div id="container"> 
    <div id="large-width"> 
     this is large width 
    </div> 
    <div id="full-width"> 
     this is full width 
    </div> 
</div> 

我需要用CSS來實現這一點，不要使用JavaScript。有誰知道該怎麼做？

非常感謝。

Answer 1

如果孩子的位置是絕對的，您不能根據孩子的大小展開父母的div，因爲具有絕對位置的元素會從流中移除，所以他們的大小甚至被其他父母的元素忽略。您可以使用CSS設置固定大小或使用JavaScript。

Answer 2

嘗試

overflow:auto; 

的父母;