У меня есть небольшой пример вложенной настройки flexbox:http://jsfiddle.net/ThomasSpiessens/MUrPj/12/

    HEADER
    
        
            INNER HEADER
            CONTENT CONTENT CONTENT
            INNER FOOTER
        
    
    FOOTER

В этом примере применяется следующее:

CSS 'ящик» классы используют свойства flexbox, для которых указывается, что должен расти только boxContent. Для конкретных свойств и значений CSS, пожалуйста, проверьте скрипку. 'полноразмерная» просто устанавливает ширину и высоту на 100%.

Когда вы проверяете эту скрипку с помощью Firefox и Chrome, вы получаете разные результаты. В Firefox он делает то, что, как я полагаю, должен делать, это растяжение внутреннего .boxContent. В Chrome, однако, внутренний .boxContent нерастягиваться.

У кого-нибудь есть идея, как сделать так, чтобы контент растягивался и в Chrome? возможно конкретное свойство webkit, которое отсутствует?