我正在处理这个页面,尝试让溢出内容能够水平滚动。我已经尝试将 body 设置为 hidden,类名为 "real body" 设置为 auto,但似乎不起作用。
你需要用一个 position: relative; overflow: auto
的 div 包裹你的长内容 div。
就像这样:
.wrapper {
position: relative;
overflow: auto;
}
.content {
position: absolute;
width: 30000px;
}
为了更好的示例,请查看http://jsfiddle.net/wXqPv/
.parent {
white-space: nowrap;
}
.wrapper {
position: relative;
width: 200px;
height: 100px;
outline: 1px solid lime;
overflow-x: auto;
}
.longcontent {
position: absolute;
width: auto;
height: 100%;
}