Навигация на сайте расположена неправильно

Question

В настоящее время я конвертирую свой макет портфолио в html / css, и я столкнулся с тем, что смутило меня

http://www.mozazdesign.co.cc/

Как видите, навигационный текст расположен не в том месте;Я хочу, чтобы это было в соответствии с маркерами.Я просмотрел код загрузки и просмотрел другие веб-сайты, но не могу понять, почему он не работаетнеправильно расположен?

Заранее спасибо!

Answer 1

Добавить новый класс CSS:

#main_nav
{
    position: relative;
    top: -10px;
}

Отрегулируйте верхнее значение, пока оно не будет выглядеть правильно.

Относительная позиция говорит: «расположите этот элемент там, где он естественным образом встречается», и тогда вы можете использовать значения «Top» и «Left» (положительные значения, чтобы переместить его вниз и вправо, отрицательные, чтобы переместить его вверх или влево ), чтобы изменить его положение относительно его относительного положения.