Центр и штырь к нижней части родителя

Question

Эй, все, быстрый вопрос относительно CSS. На my website мне бы хотелось, чтобы navbar был центрирован и прикреплен к нижней части заголовка (внизу градиента). Я не могу понять, как это сделать.

Сайт не поддерживает IE ... Тем не менее.

Answer 1

Попробуйте настроить заголовок на относительное положение, а ваш навигатор - на абсолютный, а не на относительный.

Answer 2

Сделайте свой тэг 'header' как относительное положение. Затем сделайте тег «nav» как абсолютную позицию и сделайте «bottom: 0». Все в вашем CSS. И это должно сработать. Затем переместите его влево или/и вправо, используя правила «left» и «right» в css.

Как это:

header { 
position: relative; 
zoom: 1; /*needed to clear float in IE*/ 
} 

header:after { 
clear: both; 
display: block; 
content: " "; 
visibility: hidden; 
height: 0; 
} 

nav { 
position: absolute; 
bottom: 0; 
}