css - CSS の問題 - 右側に大きな空白がある

Question

ブログに WordPress テーマを作成しました - http://misstravelgirl.com/

問題は、ブラウザーを幅約 1060 ピクセル以下に縮小すると、右側の茶色のボックスの隣に大きな空白が表示されることです。パディングを0に設定すると問題が修正されるため、#palette divのパディングが原因であることを認識しています。ただし、テキストのパディングはまだ必要です。では、パディングを調整せずに空白を削除して問題を解決するにはどうすればよいでしょうか?

Answer 1

コード例がなければ、私の助けは限られています。ただし、問題の幅divを 100% に設定して、ブラウザー ウィンドウのサイズに関係なく、常にいっぱいになるようにすることをお勧めします。この正確な理由から、ほとんどの幅と高さをパーセンテージで設定しようとしています。次のようなものを試すこともできますoverflow-x: hidden;

問題と思われるコードを投稿していただければ幸いです。

Answer 2

#palette div の代わりに #content div にパディングを追加して、メディア クエリを使用してみませんか? @media only screen and (max-width : 1060px) { #content { padding: 20px; } }