Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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 - Fatal编程技术网

Html 滚动条正在向左移动页面内容

Html 滚动条正在向左移动页面内容,html,css,Html,Css,我第一次在Bootstrap上建立我的站点,我遇到了一个问题,我找不到解决这个问题的方法。当我添加一些内容时,如果其大小足以在浏览器中添加滚动条,则整个页面内容将向左移动 简单地说,若有滚动条,页面内容会像17px一样向左移动,若并没有,则工作正常。我不想像这样在这里添加烫发滚动条 overflow-y: scroll; 如果我加上 width: 100vw; 即使使用滚动条,它也可以正常工作,内容也会保持在原来的位置,但如果有垂直滚动条,水平滚动也会无缘无故出现。您有两种解决方案: 您可以

我第一次在Bootstrap上建立我的站点,我遇到了一个问题,我找不到解决这个问题的方法。当我添加一些内容时,如果其大小足以在浏览器中添加滚动条,则整个页面内容将向左移动

简单地说,若有滚动条,页面内容会像17px一样向左移动,若并没有,则工作正常。我不想像这样在这里添加烫发滚动条

overflow-y: scroll;
如果我加上

width: 100vw;

即使使用滚动条,它也可以正常工作,内容也会保持在原来的位置,但如果有垂直滚动条,水平滚动也会无缘无故出现。

您有两种解决方案:

  • 您可以永久显示您的滚动条,并相应地将其设置为页面的一部分:

    html {
        overflow-y: scroll;
    } 
    
  • 您可以添加:

    padding-right: 40px;
    
    因为我听说40px是你能得到的最大卷轴大小

  • 创建一个包含所有内容的父div,然后创建一个稍小的子div,使更改父div不会导致更改子div的大小

  • 您可以创建JS函数,该函数将检测滚动是否显示在页面上,并将更改页边距设置

  • 你可以用它来解决这个问题


  • 你的问题不清楚,伙计。可能是重复的