Позиционирование как правильно задать?

Question

[MRcracker]

Есть блок с картинкой на сайте, который был позиционирован и прижат к верху страницы через position: absolute, top:0.
Теперь весь текст, который добавляю под данным блоком появляется сверху странички на картинке. как исправить?

Comments

[Сёмка Гавриленко]

покажите пример вашего кода

Answer 1

[alvvi]

Вариант номер раз: не прижимать так блок, а использовать более рациональные способы, если возможно.

Вариант номер два: оборачиваем блок в div и прописываем ему
height: *вставить высоту картинки*;
либо
padding-top: *сюда опять высоту картинки*;

Вариант номер три: прописываем margin/padding-top у самих элементов с текстом. Угадайте, чему они будут равны? *барабнная дробь* Правильно, высоте картинки!

Если вас интересует причины такого поведения у элемента с position: absolute, советую прочитать про Блочный контекст форматирования

Answer 2

[Виталий]

margin-top на высоту блока с absolute для блока который с текстом

Comments

[MRcracker]

можно подробнее?

[Виталий]

MRcracker: https://jsfiddle.net/owv9rfuz/ если проблема с наездом на текст то так