CSS3在回流时过渡

Question

以此dom为例。

<div id="container" style="transition: width 1s ease-in-out;">
  <div style="width: 400px; display: none;"></div>
  <div style="width: 200px;"></div> 
</div>

如果我交替隐藏哪个内部div，我可以触发CSS3转换（通过重排）吗？如果这是可能的，我可以添加许多内部div并在它们之间交替顺利，而不必知道它们的大小。

Answer 1

我认为单独使用CSS是不可能的 - 转换不是可继承的，因此它们必须应用于所讨论的嵌套元素，并且无论如何都不能应用宽度转换，例如嵌套div需要它width和0设置为在悬停或JS点击或某些事件之间进行转换

然而，我认为我真的没有理解这个问题;

#container div {transition: width 1s ease-in-out;}

会将它应用于所有子div，然后你只需要切换显示和宽度，但是你还在考虑这样做吗？