How can I place a DIV in the lower right corner of another div ???, Put it in div

How can I place a DIV in the lower right corner of another div ???, Put it in div

How can I place a DIV in the lower right corner of another div ???

With the help of CSS positioning, you can place the DIV in the lower right corner in another DIV. The reference code is as follows:

<Div id = "box1">

<Div id = "box2"> test content </div>

</Div>

<Style> <! -- # Box1 {width: 600px; height: 600px; background: green; position: relative} # box1 # box2 {width: 200px; height: 200px; background: red; position: absolute; right: 0; bottom: 0} --> </style>

Parent objects are relatively located, and child objects are absolutely located based on parent objects;

The div of the outer layer is set to relative positioning, and the div of the inner layer is set to absolute positioning;