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

Question

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

如何让导航紧贴窗口底部而不留出 5 像素的间隙？

CSS:

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

HTML:

<div id=nav>

Answer 1

默认情况下，图像是行内元素，因此它们会继承父元素的 line-height。我更喜欢使用 img { display: inline-block; } 或 img { display: block; }，具体取决于哪个在场景中更有意义。