Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使居中的HTML页面独立于垂直滚动条?_Html_Css_Web - Fatal编程技术网

如何使居中的HTML页面独立于垂直滚动条?

如何使居中的HTML页面独立于垂直滚动条?,html,css,web,Html,Css,Web,我有一个网站()在一些页面上有垂直滚动条。但有些网页没有。页面内容居中,但当垂直滚动条出现时,它会将内容向左移动一点(8像素)。如何使我的内容中心独立于垂直滚动条?我认为最常见的方法是始终使用滚动条: html { overflow-y: scroll; } 因为如果你一直都有,恼人的“翻转效果”就会消失。你有两个选择 设置你的身体有溢出-y:隐藏 或 阀体溢流-y:自动 自动将始终显示滚动条,但不处于活动状态。如果不需要滚动条,则隐藏的滚动条将始终删除滚动条。最好的选择是执行自动,

我有一个网站()在一些页面上有垂直滚动条。但有些网页没有。页面内容居中,但当垂直滚动条出现时,它会将内容向左移动一点(8像素)。如何使我的内容中心独立于垂直滚动条?

我认为最常见的方法是始终使用滚动条:

html
{
     overflow-y: scroll;
}
因为如果你一直都有,恼人的“翻转效果”就会消失。

你有两个选择

设置你的身体有溢出-y:隐藏

阀体溢流-y:自动


自动将始终显示滚动条,但不处于活动状态。如果不需要滚动条,则隐藏的滚动条将始终删除滚动条。最好的选择是执行自动,这将消除内容的移动。

Hi Epsiloncol一个解决方案是始终显示滚动

html { overflow-y: scroll; }

将内容的宽度设置为足以包含滚动条,否则将滚动条作为一个整体禁用。
overflow-y:none
。@VivekChandra如何使我的内容足以包含滚动条?你能提供一些例子吗?问题是,内容超过了容器--因此滚动条出现了--但是滚动条本身占用了一些空间--因此容器也应该足够大,可以容纳滚动条。。使其
溢出:auto
无法解决问题,因为如果内容太大而无法装入容器,则竖条仍将存在。。如果你粘贴了一个示例代码,我可以用它来指导你,那就容易多了。。