html - 图像下方不需要的间距

Question

我正在尝试在我的页面底部创建一个固定位置的页脚。但是图像下方和视点底部的间距存在问题，这是不需要的:

基本图像:

问题:

图像下方的填充是不需要的。

HTML:

<div id="containerBarKonge">
    <ul>
        <li><img src="./kongelogo.png" /></li>
    </ul>
</div>

CSS:

#containerBarKonge {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index:9999;
    padding: 0px;
    margin: 0px;
}

#containerBarKonge > ul {
    position: relative;
    list-style-type: none;
    padding: 0px;
    padding-left: 2px;
    margin: 0px 20px;
    min-width: 1053px;
    background-color: #900;
}
#containerBarKonge > ul * {
    padding: 0px;
    margin: 0px;
}

Answer 1

尝试将垂直对齐设置为图像底部:

#containerBarKonge img { vertical-align: bottom; }