Как выровнять навигационную панель по нижней части окна без зазора между кнопками и краем окна

Question

Как выровнять навигационную панель по нижней части окна без зазора между кнопками и краем окна

0

Я пытаюсь выровнять изображения навигационной панели в нижней части окна, но я не могу закрыть разрыв 5 px между изображениями и нижней частью окна.

Как заставить навигатор обнимать нижнюю часть окна, не имея этого пробела в 5 пикселей?

CSS:

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

HTML:

<div id=nav>

Waymanate 24 сен. 2013, в 03:20

Источник

Теги:

html

css

css3

web

alignment

2 ответа

0

Изображения имеют высоту строки, потому что они отображаются по умолчанию по умолчанию и, следовательно, предоставляют пространство для символов descenders. Сделка с этим, и вы золотые:

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

isherwood 23 сен. 2013, в 23:18

0

это установило его внизу, но создало переполнение, поэтому была включена прокрутка, которую я не хочу
Waymanate 29 сен. 2013, в 18:06

Ещё вопросы

это установило его внизу, но создало переполнение, поэтому была включена прокрутка, которую я не хочу

Brandon Durham · Accepted Answer · 2013-09-24T00-33-00.000Z

Изображения являются встроенными элементами по умолчанию, поэтому они наследуют независимо от вашей line-height для родителя. Мое предпочтение для того, чтобы перепрыгнуть это, - использовать либо img { display: inline-block; } img { display: inline-block; } или img { display: block; } img { display: block; }, в зависимости от чего имеет смысл в сценарии.

это работает, но проблема в том, что тогда это влияет на остальные изображения на странице. Вы можете изолировать это просто, чтобы повлиять на определенный div?
или сделать так, чтобы изображения не складывались?
Конечно. В этом весь смысл CSS. Попробуйте #nav img {}.