当前位置: 首页 > 知识库问答 >
问题:

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

秦焱
2023-03-14
    <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个答案

别旻
2023-03-14

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

 <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标记)

 类似资料:
  • 问题内容: 假设我有以下代码: 现在,我需要在上面,但是在jsFiddle中,您可以看到child元素呈现在before之前。 如果您删除 类 或 ,则一切正常。这是我需要的正确行为: http //jsfiddle.net/ZjXMR/1/ 如何在不删除页面的情况下执行此操作? 问题答案: 这是不可能的,因为子级的设置与父级的堆叠索引相同。 您已经通过从父级移除z-index来解决该问题,将其保

  • 如何根据具有绝对位置的子元素高度增加具有相对位置的父元素的高度。 在下面的例子中,父元素的高度显示为0px PS:我不想使用任何脚本 预期: 我得到的是: JSFIDLE 超文本标记语言: CSS:

  • 我通过以下方式通过文本找到了一个孩子。 问题是我需要单击父元素。页面上的元素是动态显示的,之前我只知道文本。是否可以对此进行编程? 我的html:

  • 概述 <img>元素用于插入图片,主要继承了 HTMLImageElement 接口。 浏览器提供一个原生构造函数Image,用于生成HTMLImageElement实例。 var img = new Image(); img instanceof Image // true img instanceof HTMLImageElement // true Image构造函数可以接受两个整数作为参

  • 本文向大家介绍父元素下有子元素,子元素也有高度但父元素的高度为何为0呢?分析下可能出现的原因及解决方法相关面试题,主要包含被问及父元素下有子元素,子元素也有高度但父元素的高度为何为0呢?分析下可能出现的原因及解决方法时的应答技巧和注意事项,需要的朋友参考一下 父元素塌陷 父元素在文档流中高度默认是被子元素撑开的,当子元素脱离文档流以后,将无法撑起父元素的高度,也就会导致父元素的高度塌陷。父元素的高

  • 急求!子元素设置了float:left,为什么是浮动到父元素的父元素(part1)上,而不是浮动到父元素(box1)上?想让这个子元素和学院新闻同行应该怎么办? 这是那个子元素 这是那个子元素 这是整体: