2010-11-28 54 views
9

我正在设计一个网站,我有多个页面使用相同的模板,有些页面比浏览器窗口的高度更长,其他的不是。那些更长的被推到他左边约10px,这可能听起来不像很多,但切换页面时,一切都跳到侧面,这是显而易见的。停止从推送内容左侧滚动条

是否有一些CSS可以使每个页面上的滚动条出现在内容上而不是推送它,我在模板中有一个边距,所以如果浏览器窗口太小,它只会覆盖边距当用户滚动到最右侧时。

+0

我不明白这个问题。你的意思是你像这样居中你的身体:`body {width:800px; margin:0px auto; }`? '我在模板中有余量'是什么意思?请添加您的代码,以便我们看到实际发生的情况。 – Jan 2010-11-28 17:24:03

回答

20

要做到这一点的唯一方法是让滚动条始终可见。

html { overflow-y: scroll; } 
+3

+1 - 这真的是最干净的方法 - 我知道的唯一的跨浏览器 – 2010-11-28 16:48:55

3

给出溢出值作为叠加。这将避免重新计算滚动条出现时的布局