CSS3 flexbox: flexboxes внутри flexboxes не содержатся внутри своих родителей

#html #css #flexbox

#HTML #css — код #гибкий ящик #css #flexbox

Вопрос:

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

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

скриншот проблемы

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

Спасибо!

1. Боюсь, вам придется показать какой-нибудь код. Постарайтесь максимально сузить круг поиска до проблемы или дайте ссылку на веб-приложение.

2. создал JSFiddle. Дайте мне знать, если вы не можете добраться до него (совершенно новый пользователь …)

Ответ №1:

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