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

时间:2013-06-14 18:59:24

标签: css scrollbar

我需要将我网站的内容浮动到屏幕中间,即使窗口调整大小并且比携带内容的表小。所以我将整个包装成div并使用以下CSS:

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

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

然而,当窗口调整大小并且变得小于带有现在停留在窗口中间的Web内容的表格时,我希望能够水平滚动它以便访问者可以看到隐藏的内容在每一边。问题是滚动条只允许向右滚动。无法到达隐藏的左侧。我怎么能解决这个问题?

1 个答案:

答案 0 :(得分:0)

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

进行内容处理的方法应该是什么

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