पैरेंट div

Question

के नीचे एकाधिक divs को संरेखित करना मेरे पास एक पैरेंट div के भीतर कई बच्चे divs हैं। सीएसएस का उपयोग करना, यह इतना है कि निम्नलिखित की तरह कुछ प्रदर्शित किया जाएगा खड़ी पैरेंट कंटेनर के नीचे करने के बच्चे divs के सभी संरेखित करने के लिए संभव है:

बच्चे divs की ऊंचाई हो जाएगा अज्ञात (गतिशील)।

<p>Top of page</p> 
<div id="container"> 
<div class="message">Message 4</div> 
<div class="message">Message 3</div> 
<div class="message">Message 2</div> 
<div class="message">Message 1</div> 
</div> 
<p>Bottom of page</p> 

नीचे शैली:

#container { 

    height: 500px; 

    } 

Problem demo।

Answer 1

आप कंटेनर

display: table-cell; 
vertical-align: bottom; 

Solution demo here निम्नलिखित शैलियों का उपयोग कर सकते हैं।