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?