-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 よりも小さい場合にのみスクロール バーを表示したい。オーバーフローを取ると:hidden; html から、みんなが言うようにスクロール バーが表示されます。ただし、fullwidthbanner-container div.

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 をお楽しみください。しかしねえ！サイトに水平スクロール バーを配置しない方がよいと思います。それはばかげているように見えます。タクール・サクシャム・チャウハン

于 2013-03-14T18:23:51.307 に答える