如何对齐导航栏窗口底部的按钮和窗口边缘之间没有间隙

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; }或img { display: block; }，这取决于在场景中哪个更合理。

Answer 2

的图像具有行高，因为他们在默认情况下显示在线，因此允许字符下伸的空间。与交易，你是金：

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