隐藏的溢出不适用于百分比宽度

Question

我隐藏了溢出问题，它对我的​​容器百分比宽度根本不起作用，这里是html和css结构的示例：

<div class="container">
  <div class="container-inner">
    <div class="box-container">
      <div class="box-overflow">
        <div class="box-overflow-inner" style="width: 3680px; left: 0px; display: block; position: relative;">
          <div class="box-item">
          </div>
          <div class="box-item">
          </div>
        </div>
      </div>
    </div>
</div>

我知道它很嵌套，但是这里是css：

.container { width: 100%; display: inline-block; }
.container-inner { width: 100%; display: inline-block; }
.box-container { width: 100%; display: inline-block; }
.box-overflow { overflow: hidden; position: relative; width: 100%; }

“容器”元素似乎存在问题，如果我添加固定宽度，一切似乎都可以正常工作，但是如果使用百分比宽度，则所有内容均占3680px，我不知道为什么。

任何帮助，我们将不胜感激！

谢谢大家！