要素/div をページの水平方向の中央に配置しようとしています。これに対する私の通常の戦略は、margin:0 auto または margin-left:50%; を実行することです。left:-div 幅の半分; で差を埋めます。
ただし、これを行うと、Web サイトを小さい画面またはブラウザー サイズで表示すると問題が発生します。基本的に、ビューポートが div の幅よりも小さい場合、div の一部がクリップされ、スクロールして残りの部分を表示する方法がありません。オーバーフロー プロパティはこれによって影響を受けないようですか?
これは私が何度か遭遇した問題であり、解決策を見つけることができませんでした。フォーラムを調べましたが、答えが見つかりませんでした。私を正しい方向に押しやる助けがあれば助かります!
これが発生する例をいくつか示します (ブラウザ ウィンドウのサイズを変更して幅を小さくすると、発生することがわかります)。
http://brienhopkins.com/resume/
ありがとうございました！