jak działa zagnieżdżone urządzenie Flexbox

Mam mały przykład zagnieżdżonej konfiguracji Flexbox:http://jsfiddle.net/ThomasSpiessens/MUrPj/12/

<div class="box fullSize">
    <div class="boxHeader">HEADER</div>
    <div class="boxContent">
        <div class="box fullSize">
            <div class="boxHeader moregreen">INNER HEADER</div>
            <div class="boxContent red">CONTENT CONTENT CONTENT</div>
            <div class="boxFooter moreblue">INNER FOOTER</div>
        </div>
    </div>
    <div class="boxFooter">FOOTER</div>
</div>

W tym przykładzie obowiązuje:

Klasy CSS „box” używają właściwości flexbox, na których tylko boxContent ma się rozwijać. Aby sprawdzić właściwości i wartości CSS, sprawdź skrzypce.„fullSize” ustawia tylko szerokość i wysokość na 100%.

Po sprawdzeniu tego skrzypce w Firefoksie i Chrome uzyskasz różne wyniki. W Firefoksie robi to, co sądzę, że musi to zrobić, czyli rozciąganie wewnętrznej zawartości .boxContent. Jednak w Chrome wewnętrzna zawartość .boxContent nie jest rozciągnięta.

Czy ktoś miałby pomysł, jak sprawić, by treść rozciągnęła się również w Chrome? być może konkretna właściwość pakietu internetowego, której brakuje?

questionAnswers(3)

yourAnswerToTheQuestion