У меня проблемы с позиционированием этого элемента в моем коде.Может кто-нибудь помочь мне определить ошибку?

Question

Так что я играю с учебником из книги CSS Mastery, чтобы я мог практиковать и оттачивать свои навыки CSS, и одним из примеров является сайт под названием Climb the Mountains

Вот моя версия: http://shaan.debug.io/test/csstest

Итак, я заметил, что ul id = "navigation_pri" (начинается со ссылки Home с серым фоном) не выравнивается должным образом из-за следования коду из примера Climb the Mountains.

Он должен быть расположен относительно ближайшего родителя, который является div id = "брендинг". Поэтому я запустил тест, чтобы проверить это, и установил left: 0, чтобы увидеть, выравнивается ли он слева с этим div. Но это не так. Слева от места осталось около 50 пикселей. Я просмотрел свой код и не могу понять, почему это происходит. Может ли кто-нибудь просветить меня, почему его неправильно позиционируют относительно div id = "брендинг"?

Answer 1

Так как вы используете тег ul для навигации, он автоматически делает отступ и, следовательно, создает дополнительное пространство.Если вы хотите удалить это пространство, вы можете добавить следующие свойства CSS к этому конкретному ul:

list-style-type: none; padding-left: 0;

Это удалит лишний интервал и сохранит его выравнивание.