Задать вопрос
wbrapist
@wbrapist
Ты в порядке?

Как расположить элементы с шириной в 100% на одной линии в фиксированном контейнере?

Есть контейнер фиксированной ширины с overflow: scroll. В нём несколько блоков шириной в 100%. Как расположить эти блоки на одной линии?

Пробовал float: left и display: inline-block - не работает, т.к. элементы не умещаются на одной строке. Попробовал flex, с которым я пока что плохо знаком, первые два DIV'a не отображаются корректно. Как решить данную проблему?

Не правильно работающий пример на flex: https://jsfiddle.net/hnvxf0yc/
  • Вопрос задан
  • 226 просмотров
Подписаться 1 Оценить 9 комментариев
Решения вопроса 2
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
убрать у .wrapper стиль justify-content: center; ?
Ответ написан
roamn
@roamn
Front-end developer
Здравствуйте.
Подправил ваш пример на flexbox: https://jsfiddle.net/hnvxf0yc/1/
Дочерним дивам нужно задать flex-basis: 25%; - если их 4 и родителю убрать justify-content.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы