前提・実現したいこと
img要素の親要素の高さが、なぜ207になるのか知りたいです。
親要素の高さを指定しなければ、子要素の高さと同じになると思っていました。
img要素の高さ:200
動作確認ブラウザは、google chromeです。
補足情報(FW/ツールのバージョンなど)
■以下HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Progate</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div class="icon"> <p class="title a">こちらのpタグは親要素と高さが同じになっている</p> </div> <div class="icon"> <img src="https://prog-8.com/images/html/advanced/html.png"> </div> </body> </html>
■以下CSS
html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, p, div { margin: 0; padding: 0; } .icon{ background-color:yellow; margin:30px; } .title{ color:white; background-color:blue; }
(質問文は編集できます)質問文のHTML/CSSはそれぞれコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
>img要素の親要素の高さが、なぜ207になるのか知りたいです。
どこで「207」という数字を把握されたのでしょうか。追記願います。
動作確認しているWebブラウザも書くべきと思います
>kei344さん
ご親切にありがとうございます。
編集しました。
>m.ts10806
ありがとうございます。
説明不足ですいません。
chromeのブラウザでページを起動し、chromeのデベロッパー・ツールで確認しました。
>think49
ご指摘ありがとうございます。
chromeで動作確認しております。
回答1件
あなたの回答
tips
プレビュー