Html 如何将子元素（img）的高度指定给父元素（截面）？ Xbox游戏通行证终极版

在此代码中，节的高度看起来为0。但img的高度是600px。如何将img的高度指定给其父元素（截面）

正如您在图片部分所看到的，class=“banner container”没有高度

---

请提供更多代码。您提供的代码中充满了未关闭的标记。 我认为您的代码应该如下所示：

    <section class="banner container">
  <img
    src="https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE4H4vB?ver=d252&q=0&m=8&h=600&w=1600&b=%23FFFFFFFF&l=f&x=0&y=0&s=1898&d=712&aim=true"
    alt=""
  />
  <div class="explanation">
  <h2>Xbox Game Pass Ultimate</h2>

Xbox游戏通行证终极版

---

如果您这样构建它，则该节具有其包含子节的高度（img标记+h2标记）

img标签根据获取的

实际图像

呈现它的

高度

和

宽度

，因此发球图像的

比率

等于img标签的

比率

不幸的是，它没有高度，您可以在编辑时检查图片。是的，很抱歉缺少部分，但不幸的是，部分没有高度，您可以将图片视为编辑。如果元素是浮动的，请使用clearfix清除浮动，如图所示

 <section class="banner container">
    <img
src="https://img-prod-cms-rt-microsoft-com.akamaized.net/cms/api/am/imageFileData/RE4H4vB?ver=d252&q=0&m=8&h=600&w=1600&b=%23FFFFFFFF&l=f&x=0&y=0&s=1898&d=712&aim=true"
alt=""/>
   <div class="explanation">
      <h2>Xbox Game Pass Ultimate</h2>
   </div>
</section>