How to make a div on top of content?

Question

css

There is a structure:

<div id='parent'>
    <div id='child'>
    <div/>
<div/>

I want the child div not to shift the rest of the elements in the parent div, but rather to be on top of them. This effect can be achieved if you use position: absolute, but that's bad luck, positioning still needs to be relative to the div parent, and if you use position: absolute, then positioning is absolute, not relative.

How do I get the "on top of content" effect that gives position: absolute, but the positioning is relative?

Answer 1

Add position: relative div with parent id

Answer 2

Eugenue Cesarevich , the point is that "position: absolute" works from the nearest parent element with "position: relative". By default, "position: absolute" is pushed off the document.

<div id="parent">
  <div id="child">
  </div>
</div>

Add "position: relative" to the element you want to bounce from. When changing the position via top/bottom/left/right , the coordinates will start from the relative positioned element.

#child{
  position: absolute;
}
#parent{
  position: relative;
}