避免translateX超出父宽度 - CSS

Question

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

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

class =“wrapper”的div有一个固定宽度，比方说200px; class =“box”的内部div的父级宽度为50％。

我想用translateX创建一个效果，让内部div滑动，当它到达父div的边框时离开。

我有这个不起作用的掠夺者。 Plunker

如何防止它超出其父宽度？

Answer 1

将.wrapper添加到父元素（(char) c = (char) 200; if (isascii(c)) { cout << "it's ascii!" << endl; } else { cout << "it's not ascii!" << endl; } ）。