Flexbox: можно ли создавать контейнеры внутри контейнера?

Question

[akokin]

Здравствуйте.
Начал изучать флексбоксы. Возникли вопросы, на которые гугл не дает ответа:
1. возможно ли создавать контейнеры внутри контейнера или даже внутри элемента?
2. возможно ли и правильно ли делать несколько контейнеров на одной странице (например, друг под другом)?
Вопросы такие глупые, поскольку нужна верстка под IE, в котором гриды еще не реализованы, а элементы нужно размещать всяко-разно.
Во всех описаниях флексбокса повторяется практически одно и то же, и примеры простейшие, но ни один не отвечает на поставленные мной вопросы.
И еще один вопрос: а чем же конкретно отличается свойство inline-flex от flex? Пример видел, но смысл ускользает...
Спасибо.

Answer 1

[Владимир Варламов]

1. Это написано наверно в начале всех туториалов. Да, можно. Вложенные flex - это часть стандарта.
2. Сколько угодно. Это не вредит производительности.
3. в ie всё работает, но есть куча ньансов, которые описаны вот тут https://github.com/philipwalton/flexbugs. Есть еще куча багов, вылазящих из-за взаимодействия с таблицами, которые там не описаны и еще проблемы с адаптивностью и т.д, которые решались мной через max-width. Но может вам повезет.
4. inline-flex от flex. А чем отличается block от inline-block? Тем что можно разместить блок в строке, на который будет действовать, скажем, vertical-align

Answer 2

[xmoonlight]

Сам юзаю это: вложенность и IE9+ - всё работает корректно.

Answer 3

[Anton fon Faust]

1. да
2. да

Элемент может быть родителем для вложенных элементов, то есть, по отношению ко вложенным элементам он будет являться контейнером.

flex - занимает всю ширину (если не указано иное)
inline-flex - занимает ширину по содержимому. В остальном ведет себя как flex. Это аналог inline-block для блочной верстки.