滚动条的外观正在移动我的网站中的对象

时间:2011-04-19 13:36:40

标签: php html css browser scrollbar

我有这个用php编写的网站,当内容足够大时,垂直滚动条会显示出来。有用的东西,显然,但我需要找到一种方法,以便它不会使网站内容稍微偏离左边!

也有人能告诉我如何处理这样一个事实:当我手动更改浏览器窗口的大小时,所有内容都会压缩以适应窗口?

3 个答案:

答案 0 :(得分:7)

  显然有用的东西,但是我需要找到一种方法,这样它就不会让网站内容稍微偏离左边!

当在具有相同基本布局的页面之间切换时,这可能是非常烦人的效果。我知道防止它的唯一方法是始终强制垂直滚动条:

body { overflow-y: scroll } 

我经常觉得值得做的是确保顺利体验。

默认情况下,无论是否需要,Internet Explorer都会为滚动条保留空间。这是它比其他浏览器做得更好的少数事情之一。

答案 1 :(得分:0)

我认为问题是滚动条改变了内容?

最简单的方法是确保该高度始终比窗口大一点,以确保滚动条始终存在,因此内容始终移动,因此没有移位。

body {
 min-height: 101%;
}

应该这样做。

答案 2 :(得分:0)

我通常更喜欢Pekka提到的方法,但是

body {
  margin-bottom: 1px;
}
如果您因任何原因需要有效的CSS 2.1,可以使用