Basically, I have been scratching my head about how to accomplish what gmail does in this picture

Specifically the div that pops up when you click "More"
Generally the problem is, how do you position a div to make it float on top of all other divs but still be positioned relative to a specific div (I know how to make a div display on top on all other divs in absolute terms .. and even in relative terms to something else when both it and the something else is clearly a part of another div) but how does one do that so that the div doesn't push other divs out but instead is displayed on top of them?
I'm praying to God this makes any sense to anyone

Specifically the div that pops up when you click "More"
Generally the problem is, how do you position a div to make it float on top of all other divs but still be positioned relative to a specific div (I know how to make a div display on top on all other divs in absolute terms .. and even in relative terms to something else when both it and the something else is clearly a part of another div) but how does one do that so that the div doesn't push other divs out but instead is displayed on top of them?
I'm praying to God this makes any sense to anyone
Comment