0

Проблема в ширине ul. Откуда берется отступ после последнего li в ul? Все padding и margin справа на нуле. Как можно убрать?

RedLionHeart
  • 73
  • 1
    Надо пример кода, желательно на jsfiddle или чем-то подобном. – Skywave May 17 '19 at 12:19

3 Answers3

2

Если нужна выборка именно последнего элемента вы можете воспользоваться псевдоклассом last-child

:last-child {
// тут ваши стили
}

Так же советую вам почитать про выборку с помощью псевдокласса nth-child()

Подробнее про last-chiild

http://htmlbook.ru/css/last-child

nth-child

http://htmlbook.ru/css/nth-child

В целом про псевдоклассы

http://htmlbook.ru/css/cat/pseudoclass

1

Не совсем понятно о каком отступе после последнего li идет речь, т.к. на скрине показан лишь весь список целиком. Если речь идет об этом пустом пространстве: введите сюда описание изображения

То с чего вы взяли, что это отступ? У вас указана фиксированная ширина для списка в 62.5% и это, вполне возможно, просто пустое пространство, не заполненное элементами списка, которые, скорее всего (судя по скрину) так же сделаны через float:left. Чтобы дать более точный ответ на вопрос нужно смотреть на стили самих li и родительского элемента в котором лежит ul. Если задача стоит в распределении всех элементов li равномерно по всей ширине ul то можете использовать следующие стили для вашего элемента ul: 

.main-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

А если задача укоротить сам ul то просто сделайте ему меньшую ширину.

Gonzo
  • 597
  • Спасибо за ответ, действительно дело в ширине и свойстав width и max-width. Думал обойдусь без flex, но он крутой и я буду его использовать тогда – RedLionHeart May 18 '19 at 13:39
0

Говоришь, нет отступов?

Говоришь, нет отступов?

.main-nav {
    margin: 0;
}

Но это костыль, лучше внимательно просмотри все стили и найди что делает отступ.

sazdan
  • 501
  • Посмотри внимательно, я спросил про последний li. Т.е. правый margin, а его там нет, вернее нулевой. и padding нету, что можно видеть на скрине. Еще раз - только ПРАВАЯ сторона – RedLionHeart May 17 '19 at 15:20