gpt4 book ai didi

html - 使用 float : right 后列表的最后一个元素被下推

转载 作者:太空宇宙 更新时间:2023-11-04 10:46:29 24 4
gpt4 key购买 nike

我正在尝试创建最后一个元素位于右侧的导航菜单。当我使用

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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com