15

以下のコードのようにoverflow:scrollを使用していますが、スクロールバーにテキストがなくても表示されるという問題があります。
w3schools のデモ: http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow 水平方向 (左または右) にスクロールできない場合でも、スクロール バーがまだあることがわかります。スクロールするものが何もない場合、スクロールバーが表示されない場所にしようとしています。これが理にかなっていることを願っています

<style type="text/css">
  div.scroll {
    background-color: #00FFFF;
    width: 100px;
    height: 100px;
    overflow: scroll;
  }
</style>
<p>overflow:scroll</p>
<div class="scroll">You can use the overflow property when you want to have better control of the layout. The default value is visible.</div>
4

3 に答える 3

38

を探していると思いますoverflow: auto。

オーバーフローに関する Mozilla のドキュメント

オーバーフロー CSS プロパティは、オーバーフロー x およびオーバーフロー y プロパティの省略形であり、コンテンツが大きすぎてブロック フォーマット コンテキストに収まらない場合の対処方法を指定します。

オプションには、クリッピング、スクロールバーの表示、またはコンテナーから周囲の領域に流れるコンテンツの表示が含まれます。

自動

ユーザーエージェントに依存します。コンテンツがパディング ボックス内に収まる場合、表示されているのと同じように見えますが、新しいブロック フォーマット コンテキストが確立されます。Firefox などのデスクトップ ブラウザは、コンテンツがオーバーフローした場合にスクロールバーを提供します。

于 2012-04-17T17:25:53.900 に答える
11

試す

overflow: auto

あなたが提供したリンクは本当に複雑です。ここにすべてが説明されていますが、私ははるかに優れていると思います: CSS-Tricks

于 2012-04-17T17:27:42.137 に答える