Question

我有一个div（div a），高度为100％，宽度为320px

在那个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;
}

Answer 2

从#mainrow

中删除'display：table-row'

如何将溢出隐藏应用于宽度为500％的div

2 个答案: