css - html img为什么上面一直有间隙，img没有占满高度

问题描述

问 题

如下图所以

明明定义的高度是350，但是头部一直有个小间隙，所以，问一下，刚刚开始学习


css 代码为

.index_top_banner {
    vertical-align:top;
    font-size:0;
    display:block; 
    overflow:hidden;
    width:100%;
    height:350px;
    margin-top: -10px;
    padding: 0;
}

html 代码为

<!-- 横幅广告 -->
<div class="index_top_banner">
<img src="{#$QISHI.site_template#}images/index_top_banner.jpg" />
</div>
<!-- 横幅广告 End-->

解决方案

.index_top_banner img{
    display: inline-block;
    height: 100%;
    width: 100%;
}

经过调试之后, 是head中的 z-index影响到了banner中的图片.

这篇关于css - html img为什么上面一直有间隙，img没有占满高度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！