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; }

Answer 2

画像はデフォルトでインラインで表示されるため行の高さがあり、文字ディセンダー用のスペースが確保されます。それに対処すれば、あなたはゴールデンです：

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