2016-07-28 13 views
1

Ich versuche TweenLite zu verwenden, um in der Breite der blauen Sidebar auf null zu tweenen. Leider bricht der Inhalt der blauen Seitenleiste außerhalb der Grenzen des übergeordneten Elements.Die Animationsbreite von Flexbox-Elternteilen wirkt sich nicht auf Kinder aus?

enter image description here

Dies ist der wirklich etwas sollte nie mit Flexbox passieren, aber die untergeordneten Elemente sind auch Flex-Container so sicher, dass ich bin, was hier falsch ich tue. :(Wenn jemand irgendwelche Vorschläge lassen Sie es mich wissen, Danke

Hier ist ein Link tot er Live-Demo:.! https://jimtheman.github.io/Flexbox-Push-Drawer-Example/#/ Und hier können Sie den Quellcode lesen. https://github.com/JimTheMan/Flexbox-Push-Drawer-Example/tree/gh-pages

ps Id mag diese Arbeit bekommen , aber ich frage, ob es eine Möglichkeit gibt, das grüne Mittelstück zu dehnen, um den Behälter zu füllen, da die blaue Säule ohne Flexbox schrumpft

+0

'Überlauf: versteckt'? – gcampbell

+0

Sie haben viele verschiedene "Breiten", die in Ihrem Beispiel für die Elemente angegeben und angewendet werden. Vielleicht sollten Sie versuchen, Ihre Klassen und Design aufzuräumen und dann versuchen Sie es erneut. –

+0

@ Henrik, weil ich möchte, dass die Dinge unterschiedliche Breiten sein ... Vielleicht versuchen, einen nützlichen Kommentar statt einer ignoranten, schneidigen Bemerkung. – Jim

Antwort

0

Einstellung overflow:hidden auf dem `.whole-app-container 'Element gelöst mein Problem