Firefoxで何故か上下のmarginが効いていないぞ！

何の気なしに、当サイト記事一覧のカードデザインにmarginを％指定で設定していると、Firefoxで見た時に、上下のmarginが効いていないことに気づきました。（今頃！！！）

簡単に書くとこんな感じ…

このように、marginを％で指定していると、下のイラストのようになってしまいました。

これを回避するには、上下のmarginを％指定以外にすること。

%指定以外でしたら、marginで上下が効かない、ということはありませんでした。

著者について

広島県広島市育ち、現在岡山でWeb制作の仕事をしています。主に「Web関連で勉強したこと、役立つアイディア」をテーマにした内容を備忘録としてブログに書いています。大学卒業後は勤務している会社のWeb制作を担当。小規模サイトから大学公式サイトの制作・運営などに携わっています。