html - 如何将导航栏与窗口底部对齐，按钮和窗口边缘之间没有间隙

Question

我正在尝试将导航栏图像与窗口底部对齐，但我似乎无法关闭图像与窗口底部之间的 5 px 间隙。

如何在没有 5 px 间隙的情况下让导航紧贴窗口底部？

CSS：

#nav
{
position: absolute;
    bottom: 0%;
left: 26.5%;
    width: 50%;
}

HTML：

<div id=nav>

Answer 1

默认情况下，图像是内联元素，因此它们继承line-height了父级的任何内容。我更喜欢使用img { display: inline-block; }or img { display: block; }，这取决于在场景中哪个更有意义。

Answer 2

图像具有行高，因为默认情况下它们是内联显示的，因此为字符的下行留出了空间。处理它，你就是金子：

img {
    display: inline-block;
    line-height: <whatever your image height is>;
}