代码之家  ›  专栏  ›  技术社区  ›  Chris Hitchcock

右侧狩猎中的空白区域

  •  0
  • Chris Hitchcock  · 技术社区  · 8 年前

    我不知所措,希望你们能帮忙。我用bootstrap 4.1建立了我的网站,我的网站是 http://www.visionary-creatives.com/ 它在chrome、firefox、opera和ie中的功能似乎和预期的一样。当我在safari上运行它时,右侧有一个空白区域,给了它一个不需要的侧滚功能。

    我一行一行地检查了它的宽度,没有出现溢出的情况。我也试着加上

     html, body {
       width:100%;
       overflow-x:hidden;
     }
    

    这可以修复正在渲染的空白区域。不幸的是,它还禁用了我的导航栏在那些网站上滚动,并完全禁用了移动导航。抱歉,我没有把全部代码都贴在这里,很明显很长。如果这个问题已经被回答了,我很抱歉,我检查了,找不到关于这个的答案。

    1 回复  |  直到 8 年前
        1
  •  2
  •   Kosh    8 年前

    在bootstrap.css中,找到第571行:

    #devDiv1, #devDiv2, #devDiv3 {
        margin-top: 85px;
        margin-bottom: -24px;
        position: relative;
        height: inherit;
        perspective: 150px;
        perspective-origin: 0 50%;
        cursor:pointer;
    }
    

    添加 overflow: hidden; 在那里。