Я пытаюсь выровнять изображения навигационной панели в нижней части окна, но я не могу закрыть разрыв 5 px между изображениями и нижней частью окна.
Как заставить навигатор обнимать нижнюю часть окна, не имея этого пробела в 5 пикселей?
CSS:
#nav
{
position: absolute;
bottom: 0%;
left: 26.5%;
width: 50%;
}
HTML:
<div id=nav>
Изображения являются встроенными элементами по умолчанию, поэтому они наследуют независимо от вашей line-height
для родителя. Мое предпочтение для того, чтобы перепрыгнуть это, - использовать либо img { display: inline-block; }
img { display: inline-block; }
или img { display: block; }
img { display: block; }
, в зависимости от чего имеет смысл в сценарии.
Изображения имеют высоту строки, потому что они отображаются по умолчанию по умолчанию и, следовательно, предоставляют пространство для символов descenders. Сделка с этим, и вы золотые:
img {
display: inline-block;
line-height: <whatever your image height is>;
}