私は現在、ウェブページに取り組んでいます。
基本的には 2 つのセクションです。メイン セクションは、右側のサイドバーにはない画面全体を占めています。サイドバーは固定で幅 250px に設定されています。メイン セクションは 100% 幅に設定され、margin-right は 250px です。
次に、300px x 300px のテスト ブロックをいくつか置いて、どのように見えるかを確認します。ご覧のとおり、一番上の行の最後のブロックはサイドバーの後ろにあります。サイドバーの後ろではなく、次の行に移動するにはどうすればよいですか?
前もって感謝します。
ブロックが折り返されていないのは、右マージンを無視しているためです。
CSS がなければ、正確な解決策を示すことは困難ですが、サイド バーを右に、メイン div を左にフロートさせる簡単な解決策をお勧めします。次に、メイン div のマージンを削除する必要があります。
これにより、固定のピクセル サイズを維持できますが、ほとんどの場合、パーセンテージを使用する方が適しています。それが役立つことを願っています。
スクリーンショットの理解から、div の優先順位を決定するには「Position」タグを追加する必要があると思います。ネストされた div タグでは px の代わりに % を使用することをお勧めします。
多分理由は width: メイン セクションの 100% ですか?
.main {
width: auto;
margin-left: 250px;
}