Align in the HTML Div Layer

2. Align in the DIV Layer

How does Div align with the bottom of parent div?

For example:

<Style type = "text/CSS">
. Box1 {border: 1px # cccccc solid; width: 500px; Height: 600px ;}
. Box2 {border-top: 1px # cccccc solid; border-bottom: 1px # cccccc solid; Background: # f2f6fb; width: 500px; Height: 22px ;}
</Style>
<Div class = "box1">
<Div class = "box2"> How can I align the bottom? </div>
</Div>

Bottom alignment:

I aligned the bottom

position: relative; this attribute is mainly used to locate the parent layer of the nested layer. The parent div is positioned relative to the parent layer, and then the child div is positioned absolutely.
position: absolute; bottom: 10; relative to the parent image. 10 pixels.