@Ivanushka255

Почему относительно позиционированный блок перекрывает абсолютно позиционированный блок?

Предполагалось, что так как элемент с position: realtive не выпадает из потока всего документа, то он будет вести себя как обычный элемент со страницы. Но это не так.
Вот, к примеру у меня абсолютно позиционированный блок и обычный элемент р (position: static).

И вот абсолютно позиционированный блок и относительно позиционированный блок. Второй блок перекрывает первый.


В инете перечитал много инфы, там в основном рассматриваются какие-то совсем простые примеры по этой теме.
  • Вопрос задан
  • 63 просмотра
Решения вопроса 2
dimovich85
@dimovich85 Куратор тега CSS
Уроки по JS - https://t.me/school_ofpery
Контекст наложения. Почитайте про это. Он же работает с трансформациями и прозрачностью.
Ответ написан
Bavashi
@Bavashi
Div и p это блочные элементы. Заливаются сверху вниз. У div вы задали свойство position: absolute; и тем самым удалили из общего потока. Поэтому они перекрываются.
Чтобы блоки не перекрывали друг друга вы можете сделать div плавающим float: left;. Тем самым вы расположите их в строку.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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