Ich versuche ein recht einfaches Layout mit Flex abzubilden. Leider funktioniert es nicht 100% so, wie ich es möchte. Ich habe das Problem mal in einem Sample isoliert: Edit fiddle - JSFiddle
Warum ist #container so groß? Ich möchte, dass es sich dem Elternelement anpasst, sprich nicht höher ist, als das Elternelement. Sobald ich irgendwo drüber Flex verwende, verhält es sich so.
Edit: Um es zu verdeutlichen: Das Problem ist, dass der #container zwar ein overflow: auto hat, der Browser es aber offensichtlich nicht beachtet. Der #container soll nach meiner Vorstellung eine Verticale Scrollbar anzeigen. Schließlich hat er ja mehr Inhalt als er begrenzt durch das Elternelement darstellen kann.
Warum ist #container so groß? Ich möchte, dass es sich dem Elternelement anpasst, sprich nicht höher ist, als das Elternelement. Sobald ich irgendwo drüber Flex verwende, verhält es sich so.
Edit: Um es zu verdeutlichen: Das Problem ist, dass der #container zwar ein overflow: auto hat, der Browser es aber offensichtlich nicht beachtet. Der #container soll nach meiner Vorstellung eine Verticale Scrollbar anzeigen. Schließlich hat er ja mehr Inhalt als er begrenzt durch das Elternelement darstellen kann.
Zuletzt bearbeitet: