小编ibe*_*bex的帖子

鼠标悬停时，我想变换彼此相邻的两个弹性元素的位置，如下图所示

标记如下

<div class="container">
  <div class="element">Normal</div>
  <div class="element">Hover</div>
</div>

我希望两个元素都是父元素的 100% 宽度，第二个元素会溢出，这样我就可以在鼠标悬停时变换 X。我遇到的问题是两个元素都被挤进容器中。

我知道我可以将这两个元素包装在另一个 div 中，并为其指定容器的 200% 宽度。但想知道这是否可以用flexbox来完成