我正在尝试创建最后一个元素位于右侧的导航菜单。当我使用
float: right
该元素略低于导航菜单的其他元素。为什么会这样?我该如何解决?
这是我的CSS:
nav ul{
padding: 0;
list-style: none;
}
nav ul li{
display: inline;
padding: 5px 1em;
}
nav ul li:last-child{
float: right;
}
并链接到 JSFiddle:https://jsfiddle.net/sLqnm8r5/
最佳答案
如果您将 float:left;
添加到您的第一个元素,您的元素将正确对齐。
结帐Fiddle
关于html - 使用 float : right 后列表的最后一个元素被下推,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35351942/