设置Flexbox父级的宽度不会影响孩子吗?

时间:2016-07-28 12:42:41

标签: javascript css flexbox gsap tweenlite

我正在尝试使用TweenLite将蓝色侧边栏的宽度补间降低到零。不幸的是,蓝色侧边栏的内容突破了父级的边界。

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

PS。我想让这个工作,但我担心是否有办法让中心绿色部分伸展以填充容器,因为蓝色柱在不使用Flexbox的情况下缩小。

1 个答案:

答案 0 :(得分:0)

在`.whole-app-container'元素上设置 // Add three generic items for (int x = 0;x <=2;x++){ adapter.add("test : " + String.valueOf(x)); } // let the adapter / view know the item list has changed so UI is updated. adapter.notifyDataSetChanged(); 解决了我的问题。