Question

关于溢出的快速问题。我在这个页面上工作

http://www4.wittenberg.edu/admission_dev/undergrad/我试图让溢出允许水平滚动。我已经尝试将身体设置为隐藏，并将类“真实身体”设置为自动。这似乎不起作用。任何帮助将不胜感激！

本

Answer 1

你需要用position: relative; overflow: auto div包装你的长内容div。

我喜欢这样：

.wrapper {
  position: relative;
  overflow: auto;
}

.content {
  position: absolute;
  width: 30000px;
}

有关更好的示例，请查看http://jsfiddle.net/wXqPv/

Answer 2

您可以将此代码用于上面的幻灯片更改：

.wrapper {
    position: relative;
    width: 200px;
    height: 100px;
    outline: 1px solid lime;
    overflow-x: auto;
}
.longcontent {
   position: absolute;
   width: auto;
   height: 100%;
}

Answer 3

下面的代码对我有用。 确保将其包括在父级中，而不是实际的元素本身。

.parent {
  white-space: nowrap;
}

css - 溢出允许水平滚动

3 个答案: