css - 当内容浮动在屏幕中间时无法向左滚动页面

Question

我需要我的网站内容漂浮在屏幕中间，即使窗口被调整大小并且变得小于承载内容的表格。所以我将整个包装成一个 div 并使用以下 CSS：

#wrapper1 {
position:relative;
float:right;
left:-50%;
width:992; }

#wrapper2 {
position:relative;
float:right;
left:50%;
width:992; }

但是，当窗口调整大小并变得小于承载 Web 内容的表格时，该表格现在停留在窗口的中间，我希望能够水平滚动它，以便访问者可以看到隐藏在每一侧的内容. 问题是滚动条只允许向右滚动。无法到达隐藏的左侧。我该如何解决这个问题？

score 0 · Accepted Answer

简而言之，使用您当前的设置（负边距）您无法解决问题。你应该做些什么来使你的内容居中是使用margin: 0 auto;

请参阅此处的工作示例：http: //jsfiddle.net/Xfrnw/

1 回答 1