ホームページ本文表示領域よりサブメニューが大きくなる

バタイユゲーム情報班のホームページで紹介するゲーム数が多くなり、
下図のようにホームページ本文表示領域よりサブメニューが大きくなる(枠で囲った部分)。

今までは、各ページを確認してから、個々に本文表示領域を大きくした。
しかし、段々と面倒になってきたので、良い方法を見つけた。後の為に、
以下にメモしておく。
1.対策方法
(1)考え方
  本文の表示領域に最小の高さを指定する。具体的な値は、サブメニューの
  大きさを確認してから決める。
(2)具体的な指定方法
  下図のように、SASS(CSSを効率的に作れるツール)にmin-heightの指定を追加する(枠で囲った部分)。

2.効果
  下図のように、改善される。

<個人的な感想>
今まで個々のページで対策していた事が、バカバカしく思えた。きちんと調べれば、
効率的な方法が見つかるものである・・・。

 

<リンク>

ブログのトップページは、こちら

バタイユゲーム情報班のホームページは、こちら