CSS使div來填補其母公司，但沒有對其進行拉伸

Question

我有這樣的HTML結構http://jsfiddle.net/aAXNm/

<div id="mainCont"> 
<div id="stretchParent"> 
    This div should make its parent bigger 
</div> 
<div id="fillParent"> 
    <span>TagItem</span> 
    <span>TagItem</span> 
    <span>TagItem</span> 
    <span>TagItem</span> 
    <span>TagItem</span> 
    <span>TagItem</span> 
</div> 

我需要佈局的行爲這樣的：#mainCont div有display:inline-block;，它應該根據#stretchParent div更改其width。這一切都工作得很好，但我也需要div #fillParent來填補它的父母，但不是讓父母成長。

所以我有小提琴的第一種情況，我需要得到第二個。你有什麼主意嗎？

謝謝

Answer 1

不改變佈局，也沒有固定任何靜態寬度。 解決方案很簡單。

#mainCont 
{ 
    position: relative; 
} 

#fillParent 
{ 
    position: absolute; 
} 

到這裏看看： http://jsfiddle.net/aAXNm/8/