@IvanKolyadich

Как сместить элемент, если смещается элемент перед ним?

У меня возникла необходимость сместить объект на сайте немного вниз. Смещаю через margin-top: 20px;, не получается(смещается вместе с текстом сверху, заголовком), смещаю через
position: relative;
top: 20px;
, смещается, но страница не скролится, из-за чего элемент обрезан и страница больше не скролится, не видно ещё половины объекта (если что, это объект тега <img>.
  • Вопрос задан
  • 123 просмотра
Решения вопроса 1
@Talim40k
Возможные варианты решения:
1. Задать overflow: hidden для элемента сквозь который проходит margin (чтобы убрать это прохождение).
2. Указать margin-bottom впередиидущему элементу (вместо margin-top текущему). Не забываем про схлопывание вертикальных margin.
3. Использовать padding-top для контейнера внутри которого находится элемент.
4. При использовании "position: relative" дать нижний margin на размер сдвига, у родителя при этом должен быть "overflow: hidden". Или вместо этого использовать padding-bottom родителя на размер сдвига (т.е. 20px в вашем случае).
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
mark_edinoroglove
@mark_edinoroglove
попробуй этот самый img обернуть в div и уже у div в style напиши margin-top.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы