避免translateX超出父宽度-CSS

出于演示目的，设想以下结构：

  <div class="wrapper">
    <div class="box"></div>
  </div> 

class=“wrapper”的div的固定宽度为200px； class=“box”的内部div的宽度为其父级的50%

我想用translateX创建一个效果，使内部div在到达父div的边界时滑动并离开

我有一个坏掉的东西

---

如何防止其超出父元素宽度？

将

溢出：隐藏

添加到父元素（

.wrapper

）。

将

溢出：隐藏

添加到父元素（

.wrapper

）.

当它到达父div的边界时，您所说的“离开”是什么意思。您希望该框在右边缘消失吗？它不只是父对象上的溢出：隐藏吗？如果不是这样，你能澄清你的问题吗case@Huangism对就这样！感谢you@Bhuwan我希望它向右滑动，到达父边界时消失。已经有答案了。谢谢：）当它到达父分区的边界时，您所说的“离开”是什么意思。您想让该框消失在右边缘吗？它不只是父对象上的溢出：隐藏吗？如果不是这样，你能澄清你的问题吗case@Huangism对就这样！感谢you@Bhuwan我希望它向右滑动，到达父边界时消失。已经有答案了。谢谢：）是的！就是这样！谢谢你的帮助！是的！就是这样！谢谢你的帮助！