html - 可変幅の作成オプションのスクロールバーを備えた要素

Question

幅が可変で、幅が最長の行よりも小さい場合にスクロールバーを表示するdivをWebサイトに追加したいと思います。このような固定幅の要素を可変幅（100％）でラップしようとしましたが、うまくいきませんでした。ページ全体にスクロールバーが表示されました。

何かご意見は？

ありがとうヤロン

Answer 1

overflowCSS プロパティを問題のある に適用できますdiv:

#problematic-div {
    overflow: hidden;
}

これは、要素のコンテンツ領域からはみ出したコンテンツがどうなるかを定義します。値スクロールの場合、実際に必要かどうかにかかわらず、ユーザー エージェントはスクロール メカニズムを提供する必要があります。したがって、たとえば、すべてのコンテンツが要素ボックス内に収まる場合でも、スクロールバーが表示されます。

ここでいくつかの例を試すことができます。

それが役に立てば幸い。