具有绝对定位的孩子的相对定位的父母会折叠后面的元素

I have the following HTML:

我有以下HTML:

<div id="contents">
    <div id="inner">Inner Div</div>
</div> 

<div id="footer">Footer</div>​
<div i