Я сделал простой навигатор с css, но некоторые, как он показывает маржу в botton моих тегов <li>
Посмотрите на картинку. И когда я удаляю свойство float, поле под <li>
исчезает.
И вот 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;
}
Вы должны удалить 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;
}
display: inline
поскольку он бесполезен с помощьюfloat:left
и добавьтеheight:100%
.