एचटीएमएल: पैरेंट ब्लॉक के नीचे एंकर ब्लॉक तत्व?

Question

क्या नीचे <div> में कुछ सामग्री को जोड़ने का एक क्रॉस ब्राउज़र तरीका है? एक कठिनाई यह है कि <div> में मनमाने ढंग से ऊंचाई लागू हो सकती है, लेकिन मैं चाहता हूं कि कुछ सामग्री हर समय इसके नीचे फंस जाए। इस तकनीक का सहारा के बिना

<table style="height: foo;"> 
    <tr><td valign="top">content</td></tr> 
    <tr><td valign="bottom">stuck to the bottom</td></tr> 
</table> 

मैं यह कर सकता:

यह होगा इस तरह बुरा पुराने दिनों में पूरा किया गया है?

Answer 1

निश्चित रूप से, यह बहुत आसान है। बस position:relative के साथ पैरेंट div सेट करें। फिर, आंतरिक वस्तु जिसे आप नीचे से चिपकना चाहते हैं, आइटम के निचले हिस्से में चिपकने के लिए बस position:absolute का उपयोग करें।

<div id="parent"> 
    <div id="child"> 
    </div> 
</div> 

।

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