具有絕對定位的最小高度

Question

我的頁面上有一個區域#topLeft，其最小高度設置爲它。

在#topLeft內部我有一段#heroBanners，我希望將其錨定到#topLeft的底部 - 使用position：absolute;底部：0;

起初這個工作正常，但是當#topLeft應該展開它不是，heroBanner部分只是重疊上面的內容。

我假設問題是通過將絕對定位內容與最小高度混合來調用的？

任何想法如何克服這個，下面的代碼：

<div id="topLeft"> 
<div class="linksBox"> 
<ul> 
<li>Item 1</li> 
<li>Item2 </li> 
<li>Item 3</li> 
<li>Item4 </li> 
</ul> 
</div> 
<div id="#heroBanners"> 

</div> 

</div> 

#topLeft {margin:0 27px 27px 0; width:478px; min-height:378px; *height:378px; *margin-bottom:22px; position:relative;} 

#heroBanners {bottom:0; position:absolute;} 

Answer 1

如果你把兩個塊或div的在一個新的div並設置其風格{bottom:0; position:absolute;}代替heroBanners這將是很容易的。

<div id="parent"> 
<div id="topLeft"> 
<div class="linksBox"> 
<ul> 
<li>Item 1</li> 
<li>Item2 </li> 
<li>Item 3</li> 
<li>Item4 </li> 
</ul> 
</div> 
<div id="#heroBanners"> 

</div> 

</div> 
</div> 
#topLeft {margin:0 27px 27px 0; width:478px; min-height:378px; *height:378px; *margin-bottom:22px; position:relative;} 

#parent {bottom:0; position:absolute;}