так чтобы следующие блоки ниже, видели его в потоке, и накладывались не на его место а под него?
По большей части интересует можно ли это сделать без position?
создавать через жс фантомный блок
Поясни свою задачу.
У меня есть макет по которому практикуюсь, в main блок с фото я спозиционировал абсолютно, чтобы он немного на хедэр залез. Соответственно следующий блок после блока с фото становится сразу под шапку.
Над адаптивностью подумал?
Ну, если интересно, можешь попробовать просто создать дополнительный блок такого же размера как тот что absolute, и подставить его в обычный поток. Но это решение не очень. Я думаю тут масштабно нужно смотреть как будет с адаптивностью итд.
И еще не понимаю почему когда даю margin top для categories, у меня центрованный блок с фото съезжает с ним
Лучше бы ты выставил бы код куда ни будь. Но можно вместо дополнительного блока также и margin-top задать тому блоку который занимает место position:absolute; блока.
Я маргин поставил, скрин выше. Вместе с ним съезжает блок с position absolute
Как называется блок с изображением этим? С position:absolute
Я вроде костыль нашел, насколько он нормальный? Я main-container задал padding-top в процентах, и он сместил нужный блок
Попробуй: .main-container{ position: relative; width: 80%; margin: 0 auto; padding-bottom: 100px; display:flex;/**/ } и /*категории*/ .categories{ margin-top:200px; /*или сколько нужно пикселей*/ }
Обсуждают сегодня