スクロールバーがあるにもかかわらず、Chrome で一貫したページ幅を維持するにはどうすればよいですか?

スクロールバーを使用して Chrome で一貫したページ幅を確保する

可変コンテンツを含むページを作成する場合、垂直スクロールバーが表示されるインスタンスがよく発生します。オーバーフローしたコンテンツを含むページは、Chrome のページの幅に影響を与えるようです。これにより、コンテンツの長さが異なるページで要素の位置がずれる可能性があります。

この問題を解決するには、overflow-y: overlay プロパティを使用できます。このプロパティは非推奨になりましたが、特定のシナリオでは引き続き使用できます。 overflow-y の他の値とは異なり、overlay を使用すると、要素の幅に影響を与えることなくスクロールバーがオーバーレイとして表示されます。この動作は、Chrome を含む WebKit ブラウザに限定されています。

overflow-y: overlay を実装すると、スクロールバーが存在するかどうかに関係なく一貫したページ幅を確保でき、Chrome のスクロールバーによって引き起こされる要素の位置がずれている問題を解決できます。 .

以上がスクロールバーがあるにもかかわらず、Chrome で一貫したページ幅を維持するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。