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

Question

我需要我的网站内容 float 在屏幕中间，即使窗口大小调整并且变得小于承载内容的表格也是如此。所以我将整个包装到一个 div 中并使用了以下 CSS:

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

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

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

Answer 1

简单地说，您当前的设置(负边距)无法解决问题。您应该使用 margin: 0 auto;

来居中您的内容

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