-1

有一些类似的帖子,但我似乎无法根据它们弄清楚。我刚刚为我们的网站建立了一个新主页,但由于某种原因水平滚动条没有出现。适用于所有其他页面。有人知道为什么吗? 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 并没有像建议的那样在 body 上工作。

4

4 回答 4

6

删除overflow: hidden你的html标签。

但是您绝对应该考虑使用更灵活的布局。水平滚动条从来都不是一件好事。

于 2013-03-14T17:02:01.103 回答
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

于 2013-03-14T17:03:24.823 回答
0

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

于 2013-03-14T18:23:51.307 回答
0

当您overflow: hidden;在 body 或 html 中使用 CSS 文件时,您必须参考轴意味着:overflow-x: hidden;在这种情况下,y 轴与滚动条保持一致:)

于 2020-11-09T03:46:37.657 回答