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

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

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

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

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

Firefox%指定マージンイメージ

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

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


著者について

Junji Yamamoto

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

JunJunWeb.Netの新着情報を受け取るには
SNSアカウントをフォローすると便利