Неизвестное поле под элементами li, когда float оставлен

0

Я сделал простой навигатор с css, но некоторые, как он показывает маржу в botton моих тегов <li> Посмотрите на картинку. И когда я удаляю свойство float, поле под <li> исчезает.

Изображение 174551

И вот css.

nav{
    background:#333;
}
nav ul{
    display:inline-block;
}
nav ul li{
    display:inline;
    float:left;
    list-style:none;
}
nav ul li a{
    color:#fff;
    padding:15px;
    display:block;
    text-decoration:none;
    font-weight:600;
    font-size:16px;
}
  • 0
    Можете ли вы разместить скрипку, пожалуйста?
  • 0
    Снимите display: inline поскольку он бесполезен с помощью float:left и добавьте height:100% .
Показать ещё 4 комментария
Теги:

2 ответа

1
Лучший ответ

Вы должны удалить display:inline-block; из nav ul display:inline-block; и использовать display:inline-block; для nav ul li без float т.е.

nav{
    background:#333;
}
nav ul li{
    display:inline-block;
    list-style:none;
}
nav ul li a{
    color:#fff;
    padding:15px;
    display:block;
    text-decoration:none;
    font-weight:600;
    font-size:16px;
}
0

Добавить встроенный блок в li

DEMO

CSS

nav ul li{
    display:inline-block;
    list-style:none;
}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню