Приветствую, товарищи. В вёрстке такая загвоздка, первому блоку даю margin

Question

Приветствую, товарищи. В вёрстке такая загвоздка, первому блоку даю margin

bottom 50px, нижний от него блок сдвигается, но и сам first, первый блок тоже едет вверх. Как сделать first block статичным? что-бы вниз уезжал только нижний блок, Second block? видео записал., для наглядности. Подскажите, пожалуйста.

#css #frontend #html #programming #russian

0

01.07.2022

10 ответов

20 просмотров

Andrey Verhylin Автор вопроса

Vladyslav
У тебя блок(родитель) отцентрирован вот они и сдви...

действительно, убрав у родителя margin: auto, нужный результат получается. Но в рабочем проекте именно такая структура, родиттельский блок оцентрован margin-ом, может быть есть еще способ?

0

01.07.2022

ARTQM

Andrey Verhylin
действительно, убрав у родителя margin: auto, нужн...

Странно, у меня в аналогичной ситуации высота родителя увеличивается строго вниз

0

01.07.2022

Vladyslav

Andrey Verhylin
действительно, убрав у родителя margin: auto, нужн...

Думаю через position

0

01.07.2022

Даниил

Andrey Verhylin
действительно, убрав у родителя margin: auto, нужн...

не совсем понятно что ты хочешь. Ты сказал что в макете у тебя так же центрируется по вертикали. Однако корректировка точки центра когда делаешь отступ тебя не устраивает. Это... странно. Может и позишн тут поможет, но трудно сказать. Было бы неплохо если бы ты прислал макет или хотя бы скрин из него с этим фрагментом

0

01.07.2022

Andrey Verhylin Автор вопроса

Даниил
не совсем понятно что ты хочешь. Ты сказал что в м...

для первого блока по клику добавляю свойство margin-bottom: 50px; После этого этот-же блок едет на 25px вверх, а блок внизу от него, едет вниз на 25px. Вопрос был в том, что-бы оставить первый блок статичным, и дать отъехать вниз второму блоку на все 50px. Я дал ссылку на код пэн, посмотрите, может станет ясней идея.

0

01.07.2022

Даниил

Andrey Verhylin
для первого блока по клику добавляю свойство margi...

всё равно лучше тут макет посмотреть. А так только через позишн мне кажется. топ 50% + трансформ трнаслэйт давать в джс на половину начальной высоты, которую мы получим в самом джс. Должно сработать так

0

01.07.2022

Andrey Verhylin Автор вопроса

Даниил
всё равно лучше тут макет посмотреть. А так только...

я думал об этом варианте, еще не пробовал, посчитал, что есть решения правильней что-ли, обратился по-этому сюда) но, видимо, этого решения нет) спасибо за помощь

0

01.07.2022

ARTQM

Andrey Verhylin
я думал об этом варианте, еще не пробовал, посчита...

Есть решение попроще

0

01.07.2022

Andrey Verhylin Автор вопроса

ARTQM
Есть решение попроще

буду рад узнать его)

0

01.07.2022