1

すべてのブラウザで機能する方法で、幅 500px のコンテナを にoverflow-y設定しscroll、(たとえば) 2 つのボックスの行で埋めるにはどうすればよいですか?

達成したいこと

問題は、ブラウザーによってスクロールバーの幅が異なり、スクロールバーがコンテナー内のスペースを占有する場合と占有しない場合があることです。そのため、ボックスの幅を 250px にすることはできません。

これをどのように解決すればよいですか？

ありがとう！

4

1 に答える 1

0

個々のボックスのパディングが、ボックスの計算された幅 (幅が 50% に設定されていた) を台無しにしていたことがわかりました。ボックスのパディングを削除し、パディングをシミュレートするマージンのあるインナーボックスを作成して、問題を解決しました。

さらに：

上記のユーザーdeigaのコメントとして：使用box-sizing: border-boxすると問題も解決します

于 2013-01-04T13:16:09.823 に答える