Флексбокс CSS3: флексбоксы внутри флексбоксов не содержатся внутри их родителей - PullRequest
2 голосов
/ 04 ноября 2011

Я столкнулся с необходимостью заставить довольно сложное веб-приложение работать на HTML / CSS.Я нахожу много проблем с flexbox, который, похоже, решит мои проблемы.Я пытаюсь понять, что я делаю неправильно или каковы ограничения flexbox.Я работаю только в Chrome, так что это помогает.

Я продолжаю видеть две проблемы: - ящики не понимают, как приспособить высоты / ширины детей, содержащихся внутри - ящики ребенка не содержатся родителями.Изображение этой проблемы:

screenshot of problem

Вместо публикации кода здесь приведен JSFiddle: http://jsfiddle.net/dex3703/ryCQq/ Не полностью завершен, но вы поняли идею, я надеюсь.CSS объединен из трех разных файлов.

Спасибо!

1 Ответ

5 голосов
/ 11 ноября 2011

Разобрался.Все контейнеры должны быть установлены для отображения: box (или -webkit-box и т. Д.).Если вы хотите коробку внутри коробки, все они должны быть коробками.Надеюсь, это кому-нибудь поможет!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...