2016-07-28 1 views
1

私はTweenLiteを使用して、青のサイドバーの幅をゼロまでトゥイーンさせようとしています。残念ながら、青のサイドバーの内容は、親の範囲外に壊れています。Flexboxの幅をアニメートすると子に影響しませんか?

enter image description here

これは本当にフレキシボックスで発生することはありませんものですが、子要素もFlexのコンテナであるので、私は私がここで間違ってやって確信しています。誰もが何か提案がある場合:(ことは私に教えてください彼ライブデモTOTここおかげ

リンク:。!https://jimtheman.github.io/Flexbox-Push-Drawer-Example/#/ そして、ここであなたがソースコードを読むことができます:。https://github.com/JimTheMan/Flexbox-Push-Drawer-Example/tree/gh-pages

PSを同上、この作業を取得したいですフレックスボックスを使用せずに青色の列が縮小するので、中央の緑色の部分をストレッチしてコンテナを埋める方法があれば、私は羽ばたく。

+0

'overflow:hidden'? – gcampbell

+0

あなたは、さまざまな 'widths'のロードを指定し、その要素の例を通して適用します。たぶんクラスを整理して設計してからもう一度やり直してみるべきです。 –

+0

@Henrikなぜなら、幅の違うものをしたいからです...たぶん、無知な卑劣な発言の代わりに役に立つコメントを作ろうとします。 – Jim

答えて

0

`.whole-app-container '要素にoverflow:hiddenを設定すると解決する私の問題。

関連する問題