Задать вопрос
@Drovosek01

Почему элемент flex-контйнера не выходит за его пределы?

Есть пример верстки с wp-kama: https://jsfiddle.net/kamaev/57br2agm/

Если, например, когда у всех элементов свойство flex-basis стоит auto, задать первому элементу .itm1 ширину 200% или 20000px, то он растягивается на максимально свободное пространство в контейнере, но не более. Почему так?
  • Вопрос задан
  • 177 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@xversus
При flex-basis: auto ширина элементов высчитывается через width или, если width не указан, по ширине контента. Первый элемент не может занять всю строку, потому что flex-wrap по умолчанию nowrap, а место для остальных элементов тоже должно остаться.
Подробнее можете почитать здесь: https://medium.com/@stasonmars/%D1%80%D0%B0%D0%B7%...
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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