【发布时间】：2016-07-28 12:42:40
【问题描述】：
我正在尝试使用 TweenLite 将蓝色侧边栏的宽度补间到零。不幸的是，蓝色侧边栏的内容超出了父级的范围。
这对于 Flexbox 来说是绝对不应该发生的，但子元素也是 Flex 容器，所以我确定我在这里做错了什么。 :(如果有人有任何建议，请告诉我。谢谢！
这里是他现场演示的链接：https://jimtheman.github.io/Flexbox-Push-Drawer-Example/#/ 在这里你可以阅读源代码：https://github.com/JimTheMan/Flexbox-Push-Drawer-Example/tree/gh-pages
ps。我想让这个工作，但如果有办法让中心的绿色部分拉伸以填充容器，因为蓝色列在不使用 Flexbox 的情况下收缩。
【问题讨论】：
-
overflow: hidden? -
您在整个示例中指定并应用了大量不同的
widths元素。也许你应该尝试清理你的类和设计，然后再试一次.. -
@Henrik 因为我确实希望事物具有不同的宽度...也许可以尝试发表有用的评论而不是无知的讽刺评论。
-
对不起，我不是故意的。我只是尝试分享我的经验，而非结构化的代码通常会让我偏离轨道。
#right-column的宽度指定了 5 次。10px(css, id),200px(css, id),100%(css, class),100%(css 属性) 当您单击橙色列时，它再次定义为内联宽度。再一次，没有难过的感觉或无知的言论，只是想建议。 -
您提到了“css 属性 100%”，但我在代码中的任何地方都没有看到。前 10px 可以删除。很抱歉让你分心了。
标签： javascript css flexbox gsap