How to make an inner div height change with outer div
Briefly

To ensure divI's bottom edge aligns with divO's bottom edge while maintaining dynamic height, adjust CSS positioning and avoid using fixed positioning properties.
Using a flexbox layout for divO can help establish proper alignment. Set divO as a flex container, allowing divI to grow naturally without absolute positioning.
Read at SitePoint Forums | Web Development & Design Community
[
|
]