dzheka3d
@dzheka3d

Как заставить элементы не выходить за пределы flex контейнера?

Всем привет. У меня примерно вот такая верстка https://jsfiddle.net/dzheka3d/yr69c7g8/8/

Проблема в том, что шаблон адаптивный и когда ширина экрана большая, вся вертка находится по центру. Левый и правый сайдбары фиксированные, а центральный резиновый.
В центральную часть я хочу вставить блок с элементами и горизонтальным скролом. Но он всегда расширяет основной контейнер.

Проблему можно решить добавив к центральному контейнеру значение overflow: hidden;, но таком случае обрезаются тени у постов: https://jsfiddle.net/dzheka3d/yr69c7g8/10/

Подскажите, какие есть варианты обхода этой проблемы?
  • Вопрос задан
  • 42 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Так задайте отступ на размер тени.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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