html - ページが画面の端からはみ出す

Question

この問題に遭遇したのはこれが 2 回目で、解決しようとして髪を引っ張ろうとしています。私はウェブサイトを作成していて、それを始めたばかりです。htmlcss で、およびタグの余白とパディングbodyを 0 に設定すると、ページが画面の右端を超えて拡張されます。

これらの要素の css を変更して 100% の幅を含めようとしましたが、水平スクロール バーはまだそこにあり、ページは画面の端を超えています。

また、値を非表示に設定しようとしoverflowましたが、予想どおり、スクロールバーが取り除かれました。ページがまだ画面の右端を超えて拡張されていることは明らかでした。

何かご意見は？

Answer 1

100% の幅に加えてパディングがあります。

div 要素は使用可能なすべての水平方向のスペースを占有するため、ここで width プロパティは実際には必要ありません。それを取り除くと、問題が解決します。box-sizingさらに、要素のプロパティを変更できます

box-sizing: border-box;