पूर्ण स्थिति के साथ न्यूनतम ऊंचाई

Question

मेरे पास मेरे पृष्ठ #topLeft पर एक क्षेत्र है जिसमें न्यूनतम ऊंचाई निर्धारित है।

#topLeft के भीतर मेरे पास एक अनुभाग # हैरोबैनर्स है जो मैं #topLeft के नीचे एंकर करना चाहता हूं - स्थिति का उपयोग कर: पूर्ण; नीचे: 0;

सबसे पहले यह ठीक काम करता है, हालांकि जब #topLeft का विस्तार करना चाहिए तो यह नहीं है और हीरो बैनर अनुभाग बस उपरोक्त सामग्री को ओवरलैप करता है।

मुझे लगता है कि समस्या को पूर्ण स्थान सामग्री के साथ एक न्यूनतम ऊंचाई मिलाकर बुलाया जाता है?

कोई भी विचार कैसे इस दौर पाने के लिए, नीचे दिए गए कोड:

<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 में दोनों ब्लॉक या divs रख दिया और heroBanners के बजाय {bottom:0; position:absolute;} को अपनी शैली की स्थापना की।

<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;}