html - 如何将隐藏的溢出应用到宽度为 500% 的 div

Question

我有一个高度为 100% 宽度为 320px 的 div (div a)

在那个 div 的某处我有另一个 div (div b) 宽度 500% 和高度 300px

div b 包含几个 div，我想在发生某些事情时“滑动”到它们。所有这一切都完美无缺，但整个 div b 是可见的。我只想显示位于 div a 中的部分，其余部分隐藏。喜欢溢出:隐藏。

但我似乎无法让那部分工作Div b 是用 display: table 制作的

我的问题的例子在这里 http://www.heboit.dk/test/scroll.html

谁能告诉我如何解决这个问题？

Answer 1

你的固定位置破坏了布局，你不需要再次溢出。

#mainlist {
    display: block;
    background: lightblue;
    white-space: nowrap;
    /* position: fixed; */
    /* overflow: hidden; */
    margin-left: 0px;
    max-width: 320px;
}