How to do without absolute and fixed?

Question

css

You need to use z-index to display the element on top of the block that appears on click. But its position depends on the context of the blocks to be clicked on. They are located across the width of the screen and the block accordingly appears anywhere.

fixed doesn't work, but
absolute works too, because the rest of the elements on the page move out

Answer 1

It is worth showing the markup and styles that are there, because. it is necessary to look for a solution from what is.
If you want one block to be displayed on top of another, then this other block should fall out of the flow, which means it is position: absolute, and position: relative - within which block it should appear.
If absolute is for the block that is on top, then nothing should move out.
Workarounds - using js, replacing one block with another.