如何使居中的HTML页面独立于垂直滚动条?
我有一个网站()在一些页面上有垂直滚动条。但有些网页没有。页面内容居中,但当垂直滚动条出现时,它会将内容向左移动一点(8像素)。如何使我的内容中心独立于垂直滚动条?我认为最常见的方法是始终使用滚动条:如何使居中的HTML页面独立于垂直滚动条?,html,css,web,Html,Css,Web,我有一个网站()在一些页面上有垂直滚动条。但有些网页没有。页面内容居中,但当垂直滚动条出现时,它会将内容向左移动一点(8像素)。如何使我的内容中心独立于垂直滚动条?我认为最常见的方法是始终使用滚动条: html { overflow-y: scroll; } 因为如果你一直都有,恼人的“翻转效果”就会消失。你有两个选择 设置你的身体有溢出-y:隐藏 或 阀体溢流-y:自动 自动将始终显示滚动条,但不处于活动状态。如果不需要滚动条,则隐藏的滚动条将始终删除滚动条。最好的选择是执行自动,
html
{
overflow-y: scroll;
}
因为如果你一直都有,恼人的“翻转效果”就会消失。你有两个选择
设置你的身体有溢出-y:隐藏
或
阀体溢流-y:自动
自动将始终显示滚动条,但不处于活动状态。如果不需要滚动条,则隐藏的滚动条将始终删除滚动条。最好的选择是执行自动,这将消除内容的移动。Hi Epsiloncol一个解决方案是始终显示滚动
html { overflow-y: scroll; }
将内容的宽度设置为足以包含滚动条,否则将滚动条作为一个整体禁用。
overflow-y:none
。@VivekChandra如何使我的内容足以包含滚动条?你能提供一些例子吗?问题是,内容超过了容器--因此滚动条出现了--但是滚动条本身占用了一些空间--因此容器也应该足够大,可以容纳滚动条。。使其溢出:auto
无法解决问题,因为如果内容太大而无法装入容器,则竖条仍将存在。。如果你粘贴了一个示例代码,我可以用它来指导你,那就容易多了。。