提问者:小点点

如何将子元素(img)的高度赋予父元素(section)?


    <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>

在此代码中,节的高度为0。但img的高度为600px。我如何将img的高度赋予它的父元素,也就是section?

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


共1个答案

匿名用户

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

 <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>

如果您这样构建它,则该节具有包含子节的高度(img标记+h2标记)