2016-07-28 6 views
1

Я пытаюсь использовать TweenLite для tween в ширину синей боковой панели до нуля. К сожалению, содержимое синей боковой панели выходит за пределы родительской.Анимированная ширина родителя Flexbox не влияет на детей?

enter image description here

Это то, что действительно никогда не должно произойти с Flexbox, но дочерние элементы также Flex контейнеры, поэтому я уверен, что я делаю неправильно здесь. :(Если у кого есть какие-либо предложения, пожалуйста, дайте мне знать, спасибо

Здесь а ссылка карапуз он демо:.! https://jimtheman.github.io/Flexbox-Push-Drawer-Example/#/ И здесь вы можете прочитать исходный код:. https://github.com/JimTheMan/Flexbox-Push-Drawer-Example/tree/gh-pages

п.с. Id нравится, чтобы получить эту работу , но я произношу слово, если есть способ получить участок зеленого цвета центра, чтобы заполнить контейнер, поскольку синяя колонна сжимается без использования Flexbox.

+0

'переполнение: скрыто'? – gcampbell

+0

У вас есть множество разных 'widths', указанных и примененных по всему вашему примеру на элементах. Может быть, вы должны попытаться очистить свои классы и дизайн, а затем повторите попытку. –

+0

@ Хенрик, потому что я хочу, чтобы все было по-разному. Может быть, попробуйте сделать полезный комментарий вместо невежественного замечания. – Jim

ответ

0

Установка overflow:hidden на элемент `.whole-app-container 'решена моя проблема.