javascript - 试图将流体宽度 div 变成 100% 宽模态

Question

你可以看到我现在得到的一个例子here .

我正在尝试让“满”的 div 从中间向外扩展，在此过程中将其他 div 推开。我现在所拥有的会将它们推到左边缘，然后展开它们。我知道这是因为我有 position:absolute。关于如何实现这种效果有什么想法吗？

Answer 1

这是我认为您正在描述的工作示例:http://codepen.io/anon/pen/pKfAw

我从 div 中删除了 display: table 并将 .min、.min p 设置为宽度 0px，并隐藏了溢出并删除了高度 0%。

它跳跃的问题是因为你将所有的最小值都设置为 0，并且完全向左浮动。这会自动将其推向左侧，然后向外展开。现在所有的 div 都动画到 0，而 .full 动画到 100%。