css サイドバー レイアウト 崩れ

デザイン崩れ、レイアウト崩れの原因は、いくつかありますが、どれが原因なのかさえも見当がつかないのではないでしょうか。
下の画像のようにサイドバーが、ガクンと崩れるのは、divタグの数が合っていない、もしくは、スペルの書き間違いが原因です。

記事を書くときにテキスト、画像の他に、回りこみや、テーブル、フォントのサイズを変えたり、装飾用のスタイルを記述したりをした時に、

を多用すると起こる可能性が高くなります。
つまり、

の数が、合っていないのが原因です。

まずは、レイアウトが崩れた時に、試すことは、

を最上部に1つ加えてみる、だめなら、2つ加えてみる、これでも直らなければ、最下部に、

を１つ加えてみる、だめなら、2つ加えてみることです。
これで、修正されたら、

と

の数が、同じ数になっていないことが原因と判断できます。

次に、正確な位置に、

が、対応しているか、慎重に見直します。

ついでに

が

になっていないか確認してみましょう。

他の原因は、別に書きます。
css スタイルシート