Как сделать, чтобы блоки не прилепали?

Question

[MRcracker]

Есть три блока. Первый шапка. Второй блок содержит свойств position: absolute. Третий блок при верстке начинает прилипать ко второму из-за position: absolute. Подскажите, как это исправить? При верстке использую bootstrap-4. Возможно, там для есть кассы какие-нибудь))))

Comments

[ⓒⓢⓢ]

Если делать основной блок страницы с контентом в абсолютном позиционировании, то это надо очень хорошо понимать и представлять, для чего это ты делаешь ...

[MRcracker]

JRK_DV, блок не основной. он дополнительный. Знаете как исправить?

[archelon]

MRcracker, вы покажите, что у вас.
верстку или макет.

[MRcracker]

archelon, просто ищу решение т.к. сейчас практикуюсь в "нестандартной" верстке макетов где один элемент налезает на другой. макета нет. просто три блока и у одного абсолютная позиция

[ⓒⓢⓢ]

MRcracker, Если бы было всё так просто ... но читаю

Второй блок содержит свойств position: absolute.

Третий блок при верстке начинает прилипать ко второму из-за position: absolute

Из описания получается что блоки 2 и 3 имеют абсолютное позиционирование - они никак не могут друг к другу прилипать, что-то тут не договариваешь.
Блок может прилипнуть, если 3 блок вложенный во 2 блок - так да - будет прилипать

а "наезд" блоков можешь организовать минусовым внешний отступом margin-top: -100px или top: -100px без выдёргивания блоков в абсолютное позиционирование

[MRcracker]

3 не содержит позиционирования. позиционирование абсолютное только у 2 блока

Answer 1

[Stalker_RED]

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 изымает блок из потока.
Как переделать сложно подсказать, потому что вы не показали что именно у вас происходит, и чего вы хотите добиться.

Comments

[MRcracker]

подскажите, как исправить? в bootstrap 3 вроде clearfix был для такого случая

Answer 2

[danilstep]

Попробуй поэксперементировать с padding.