Как убрать наложение div друг на друга?

Question

[DmitryShishov]

Подскажите, как убрать наложение слоев, если div в коде со значением absolute? Они должны идти по три в ряд и по два в столбце.

Comments

[Максим Тимофеев]

убрать absolute или точно указывать top для каждого

[DmitryShishov]

т.е. указывать top для каждого блока в отдельности? если убрать absolute, то работать с relative и z-index?

[leni_m]

DmitryShishov, абсолют как раз накладывает блоки друг на друга. Ваш вопрос можно переформулировать так: "Подскажите, как убрать наложение слоев, если div в коде со свойством наложения?"

[DmitryShishov]

leni_m, Как убрать наложение слоев, если div в коде со свойством наложения? Заранее спасибо за ответ )

[leni_m]

DmitryShishov, я вижу два путя:
1. Убрать абсолют и переверстать без него.
2. Для каждого абсолюта задать координаты так, чтобы они не пересекались (свойства top, right,bottom,left), например, если у вас есть два блока с шириной и высотой по 20 пикселов и одного из них координаты top: 0; left: 0; то,
чтобы их расположить в строку надо второму задать:
top: 0; left: 20px;
в столбик:
top: 20px; left: 0;
по диагонали:
top: 20px; left: 20px;
где-нибудь на чукотке:
top: 1234560px; left: 9876520px;

[DmitryShishov]

leni_m, Спасибо! Попробую так сделать.

Answer 1

[leni_m]

как минимум загуглить "css position absolute что это"

Comments

[Максим Тимофеев]

100%

Answer 2

[Антон]

z-index

Comments

[Максим Тимофеев]

Мимо проходил

Заметно, а еще вопрос не читали. При чем тут z-index?

[Антон]

Максим Тимофеев, На момент написания, ссылки на код не было. Наложение слоев в данном контексте - сванговать, и сванговать удалось один вариант - z index

[DmitryShishov]

Антон, вы посмотрели код? Посоветуете, как исправить?

[Максим Тимофеев]

DmitryShishov, z-index-ом никак. Не делают такое с абсолютным позиционированием, оно дл других целей. Только если js участвует в сетке и рассчитывает отступы. Зачем Вам position: absolute; ? В Вашем варианте он не нужен.

[DmitryShishov]

Максим Тимофеев, А какие варианты еще есть?

[Максим Тимофеев]

DmitryShishov, варианты чего?

[DmitryShishov]

Максим Тимофеев, Вы писали, что absolute в моем случае не вариант. А что еще можно сделать, когда нужно такое позиционирование слоев?

[Максим Тимофеев]

DmitryShishov, Какое такое? Вы хоть скрин дайте того что должно получится. Как по мне там нет ничего необычного.

[Антон]

DmitryShishov, А как это должно выглядеть, мы не понимаем, дайте исходник того, что в итоге должно получится?

[Максим Тимофеев]

DmitryShishov, Это сетка обычная. Надо вначале сделать контейнеры по 3 в ряд, а потом уже в них верстать все остальное. Причем контейнеры должны быть position: relative; . Зачем там mansory? Там отлично бы справился flex. Можно взять grid из bootstrap4 и не выдумывать велосипед.

[DmitryShishov]

Максим Тимофеев, Ясно. Еще раз спасибо за ответ!