2012-01-18 12 views
2

divがあり、オーバーフローが発生しています。autoで、幅が設定されたコンテンツがあります(行数6の写真)スクロールバーはありませんが、内容がオーバーフローしてスクロールバーの幅を現在のdivの幅に追加するのではなく、インライン要素スペースからスペースをとり、最後の写真を切り捨てるようにします余分な空白が残っている余分な空白を持っています。オーバーフローオートでdivのラッパーにmin-widthを使用しています。とにかくこれを修正するには?divの幅を持っているときにスクロールバーが幅に追加されない

答えて

1

これについては実際にはあまりできません。いくつかのアイデア:

  • スクロールバーを常に表示させるには、overflow:scrollを使用します。そうすれば驚きはありません。一貫性があります。
  • 初期CSSの(可能な)スクロールバーの幅を補正します。残念ながら、これは推測でなければなりません。 30pxかそれ以上であるべきです。

もう1つ考慮すべきことは、デザインを改造することです。 overflow:auto/scrollのページ要素は便利なことがありますが、一部のタッチデバイスで使用する際に問題が発生する可能性があると聞いていますが、スクロールバーは醜いです)

+0

私はいつもスクロールバーが20pxかかると聞いています醜いスクロールバーによれば、画像でそれらをカスタマイズすることを可能にするjqueryプラグインがあります(通常のスクロールバーの代わりにdivのセットを作成します) – mkk

+0

スクロールバーが可能な限り同じサイズであると仮定するとそれはブラウザです。 – ppp

+0

ええ、私はちょうどjqueryルートに行き、みんなのためにOSX Lionスクロールバーをシミュレートさせるかもしれません(私はとにかくライオンを使います)。 –

関連する問題