Как бороться с проваливанием элементов под элементы с position:absolute?

Question

[Alex_87]

Добрый день! В вопросе описал всю проблему, а потому мне здесь нечего добавить) .... кроме кода конечно))
https://codepen.io/Alexei_87/pen/LoNGpz
Извиняюсь, что нет изображения. Я просто не знаю, как его добавить в codepen

Comments

[Lord_Dantes]

Ставите элементам которые проваливаются positin: relative and z-index: 10-20
ps не ставьте милионы тисячы потом будеете так дальше ставить устанете

[Алекс Глебов]

не использовать абсолют
макет бы, чтоб подсказать как лучше

[Alex_87]

slave bb, у меня нет z-index

[Alex_87]

Алекс Глебов, тогда лучше вообще не писать код, 100% ничего проваливаться не будет)) ... Ваше предложение не совсем удачное, на мой взгляд!

[Lord_Dantes]

Alex_87, ахахах твой ответ человеку которые тебе помогает вообще не уместен ты не в том положении чтобы огрызаться как бы

[RAX7]

Alex_87, элементы с position: absolute не влияют на размеры родителя, поэтому #gallery имеет нулевую высоту и картинки просто выглядываю из него. Задай #gallery минимальную высоту.
https://codepen.io/anon/pen/joqWKW

[Alex_87]

slave bb, где вы увидели, что я "огрызался"!?????)) Я очень аккуратно ответил человеку, понимая, что он хочет помочь! Никого и в мыслях не было обидеть. Так что не надо выдумывать, пожалуйста!)

[Алекс Глебов]

Alex_87, ну тогда учите верстку, нечего добавить

[Alex_87]

RAX7, Огромное вам спасибо! Я только убрал max-height, посчитав, что он лишний. А вы зачем его добавили? ... И такой вопрос... в codepen можно загружать свои картинки?

[Alex_87]

Алекс Глебов, вы как то странно отвечаете на вопрос. Вот, если бы мне нечего было написать, я бы ничего не писал, не отвечал на вопрос. Зачем это "ну тогда учите верстку,"? Обратите внимания, как ответил пользователь RAX7. Ответ идеальный!!! Он не только дал ссылку на работающий код, но ещё и пояснил, в чём дело! За что ему, ещё раз огромное спасибо!!! А препираться, грубить, посылать(я не про вас, я в общем) не стоит. Люди сюда приходят за помощью и надеяться получить ЕЁ, а не упрёки в свой адрес. Давайте закроем тему, не обижаясь друг на друга! Признаю, что возможно моя шутка - "тогда лучше вообще не писать код, 100% ничего проваливаться не будет))" не совсем уместна

[RAX7]

Alex_87, я не задавал max-height, он там был до меня. По моему если купить pro аккаунт, то можно и не только картинки. Для демок используй какой нибудь сторонний ресурс, например https://source.unsplash.com/

[Алекс Глебов]

Alex_87,
Я вообще без негатива)
Есть всего 2 причины использовать абсолют. Это модальное окно и мелкий декор.
Нормальное расположение этих фоток в обычном потоке и без всяких костылей и решать проблему надо с этого)