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

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

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

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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Наполнить сайты контентом - КМ
18 апр. 2024, в 18:49
80000 руб./за проект
Нужно настроить рекламу в Tim Tok
18 апр. 2024, в 18:47
80000 руб./за проект
Настроить контекстную рекламу AdWords, КМС, прероллы в Youtu
18 апр. 2024, в 18:45
80000 руб./за проект
Ещё заказы