検証機能で見た際、img が a に収まっていないのはなぜですか?

a 要素は幅や高さを設定できないため、うまく計算できていないのだと思われます。
2023年4月20日
ユーザー

お世話になっております。

こちらのリストをデモで確認致しました。http://samples.dotinstall.com/s/ecommerce_htmlcss_v2/62916/MyECSite/index.html
検証機能で見てみると a で囲まれている img h3 pa タグに収まっていない気がするのですが
これは正しいのですか。

リストにカーソルしてみると、きちんとリストの中が挙動してはいるのですが、収まりきれていないのに挙動はしているのでしっくりきていません。

<ul>
  <li>
    <a href="product-1.html">
      <img src="product-1.png" width="400" height="400" alt="すごい家具">
      <h3>すごい家具</h3>
      <p>50,000円</p>        
    </a>
  </li>
</ul>

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(3)