Question

有一些类似的帖子，但我似乎无法根据它们弄明白。我刚为我们的网站建立了一个新的主页，但水平滚动条由于某种原因没有显示出来。适用于所有其他页面。任何人都知道为什么？ http://ghcnow.com/index2.php

谢谢！

以下是代码布局的概述

<html style="overflow:hidden;">
<head></head>
<body>
   <div id="content">
      <div class="container2">
         <div class="fullwidthbanner-container" style="width: 100% !important; overflow: hidden; position: relative; padding: 0; max-height: 500px !important;">/*stuff in here*/
         </div>
         <div class="container" style="width: 1030px; margin: 0 auto;">/*stuff in here*/
         </div>
      </div>
  </div>
</body>
</html>

我希望只有当某人的窗口小于容器div的1030px时才会显示滚动条。如果我采取溢出：隐藏;在html中，滚动条显示出来像每个人都说的那样。但是，由于与fullwidthbanner-container div有关，min-width对身体不起作用。

Answer 1

删除overflow: hidden代码的html。

但你绝对应该考虑使用更灵活的布局。水平滚动条永远不是一件好事。

Answer 2

在 CSS 上更改此

html {
    overflow-x:hidden;
    padding: 0 !important;
    /*background-image:url(images/tiles/bgtile.png);*/
    margin:0px !important;
}

到

html {
    padding: 0 !important;
    /*background-image:url(images/tiles/bgtile.png);*/
    margin:0px !important;
}

只需删除overflow-x: hidden

即可

Answer 3

嗯，请删除overflow-x:hidden。就这样。享受您的HTML。但是嘿！我宁愿不要在我的网站上有一个水平滚动条。这看起来很荒谬。此致 Thakur Saksham Chauhan

Answer 4

在正文或HTML中使用overflow: hidden;时，您必须引用CSS轴的意思是：overflow-x: hidden;在这种情况下，y轴与滚动条保持在一起：）

网站上的水平滚动条未显示

4 个答案: