关于div中img高度撑不满的问题

黎明寄波澜*

已于 2024-03-18 17:39:46 修改

阅读量569

点赞数 11

CC 4.0 BY-SA版权

文章标签：前端 java css

于 2024-03-18 17:38:04 首次发布

本文链接：https://blog.csdn.net/weixin_55209970/article/details/136815994

文章讲述了如何在HTML/CSS中为图片添加`display:block`属性以解决图片显示问题，提供了解决方案并展示了效果对比。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

请看代码

  <div class="activity_content">
      <div class="conteng_Image">
            <img
              src="@/assets/images/yyz/newPortrait/activePage/bg_index.png"
            />
       </div>
</div>

.activity_content {
  height: 100%;
  overflow-y: auto;
  background: red;
  .conteng_Image {
    width: 100%;
    border: 1px solid #000;

    img {
      width: 100%;
      
      // display: block;
    }
  }
}

效果图：

为怎么解决呢给图片加上display:block就可以了