Weiß einer von Euch, ob es irgendwo eine Doku gibt, wie Browser das umsetzen? In dem Fall eben Flexbox in Flexbox
Im Grunde vereinfacht ausgedrückt:
<div class="flex-container">
<div class="flex-child">
<ul class="flex-container">
<li class="flex-child">
<li class="flex-child">
<li class="flex-child">
</ul>
</div>
<div class="flex-child">
<ul class="flex-container">
<li class="flex-child">
<li class="flex-child">
<li class="flex-child">
</ul>
</div>
<div class="flex-child">
<ul class="flex-container">
<li class="flex-child">
<li class="flex-child">
<li class="flex-child">
</ul>
</div>
</div>
Alles anzeigen
Mein Problem dabei, ich bekomme kein einheitliches Layout hin, noch nicht mal zwischen Chrome und Edge, was ja beides "Chromium" ist.
Eigentlich, so war mein Gedanke, sollten die Browser das so anpassen, dass es eben bestmöglich passt. Also die inneren "div" so anpassen, dass eben auch die darin befindlichen "li" am besten einsortiert werden. Scheint aber nicht zu gehen, also nicht so wie gewollt. Die Browser scheinen unterschiedliche Prioritäten zu haben. So wie es ausschaut, will der eine primär erst mal die "li" ausrichten, dann das "div" irgendwie, der andere aber erst die "Divs", dann die "li" irgendwie.
Hat einer eine Idee oder Quelle, wie das Browser machen und wie man denen sagen könnte, was man eigentlich will oder bevorzugt ist?