- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：p要素を入れたボックスの高さ。）
p要素のマージンとボックスの高さに関して疑問があります
このQ&Aのポイント
- p要素を入れたボックスの高さが思った通りにならない現象について質問です。
- p要素のマージンがボックスの高さに反映されず、背景画像が表示されないです。
- paddingを変更すると問題が解決するのですが、この現象は正常なのでしょうか？
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
noname#261745
回答No.1
p要素のマージン部分には表示されないというのは、p要素本来あるべき縦方向のマージンが認識されていないのがおかしいということでしょうか。だとすれば、それはマージンが相殺しているだけなので正しい表示です。 この場合、divにpaddingもborderも指定されてないと、中身のp要素のマージンとdiv要素のマージンが相殺されて、ひとつになっている状態になります。 paddingを1px付け足す事で解決するのは、それによって相殺状態が解除されるからです。
お礼
ご説明＆参考URLありがとうございます。 よくわかりました。この場合p要素とdiv要素のマージンが相殺されてひとつになった結果、div要素の方にmargin:25px;が反映されるようになったのですね。