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/