How to prevent blocks from sticking?

Question

css

There are three blocks. First hat. The second block contains the properties position: absolute. The third block starts sticking to the second one during layout due to position: absolute. Tell me how to fix this? I use bootstrap-4 for layout. Perhaps there are some cash registers there))))

Answer 1

absolute
Do not leave space for the element. Instead, position it at a specified position relative to its closest positioned ancestor if any, or otherwise relative to the initial containing block. Absolutely positioned boxes can have margins, and they do not collapse with any other margins.

position: absolute removes the block from the flow.
It’s hard to tell how to remake, because you didn’t show what exactly is going on with you and what you want to achieve.

Answer 2

Try experimenting with padding.