エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Mac IE <div>の中に入れた<p>のmargin-bottomが<div>に反映されてしまうバグ | WEB制作の覚書
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Mac IE <div>の中に入れた<p>のmargin-bottomが<div>に反映されてしまうバグ | WEB制作の覚書
タイトル長いですが… <div>の中に<p>を入れ子にして、<p>にmargin-bottomを指定すると、なぜか<div>のほ... タイトル長いですが… <div>の中に<p>を入れ子にして、<p>にmargin-bottomを指定すると、なぜか<div>のほうにもmargin-bottomの値が反映されてしまう、というバグです。 見かけ上は、へんなすきまが空いてしまうので、前後のBOXの設定を見比べたり、HTMLのほうで改行が入っていないかなどをチェックしてしまったのですが、原因がBOXの入れ子にした要素にあったとは… このバグを検索するのに時間がかかってしまいましたが、 「margin-bottom の逆継承」というらしいです。 ↑このサイトのページの下のほうに詳しく出ています。 解決方法は、 <div>の中に<p>を入れ子にした時は、Pのmargin-bottomは0にする。 どうしてもmargin-bottomをとる必要があったら、<p>はあきらめて、<div>の中に<div>で入れ子にする…・・って感じでしょ