css - position div to bottom of containing div

Question

How can i position a div to the bottom of the containing div    lt style gt   outside       width  200px      height  200px      background-color   EEE    to make it visible      inside       position  absolute      bottom  2px     lt  style gt   lt div class  outside  gt       lt div class  inside  gt inside lt  div gt   lt  div gt    This code puts the text  inside  to the bottom of the page

User · Answer

Add position  relative to  outside   https   developer mozilla org en-US docs CSS position      Elements that are positioned relatively are still considered to be in the normal flow of elements in the document  In contrast  an element that is positioned absolutely is taken out of the flow and thus takes up no space when placing other elements  The absolutely positioned element is positioned relative to nearest positioned ancestor  If a positioned ancestor doesn t exist  the initial container is used    The  initial container  would be  lt body gt   but adding the above makes  outside positioned

User · Answer

Assign position relative to  outside  and then position absolute  bottom 0  to your  inside   Like so    outside       position relative     inside       position  absolute      bottom  0

User · Answer

outside       width  200px      height  200px      background-color   EEE    to make it visible       Needs to be   outside       position  relative      width  200px      height  200px      background-color   EEE    to make it visible       Absolute positioning looks for the nearest relatively positioned parent within the DOM  if one isn t defined it will use the body

[css] css - position div to bottom of containing div

Examples related to css

Examples related to position