Html 如何放置最后一个<；李>；在我页面的右侧？

我想将最后一个

li

移到右侧，但我的CSS不起作用

.gCountryFlag{
左边距：0；
左侧填充：0；
}
ulli{
列表样式：无；
}
.纳瓦尔·李：最后一个孩子{
浮动：对；
}
李先生{
浮动：左；
显示：内联块；
保证金：5px；
}

--%>

您是否尝试过

清除：左设置前<代码>浮动：右

.navbar-collapse ul li:last-child {
         clear:left;
         float: right;
    }

我将使用
display:flex
而不是float。在display flex中，您可以更好地控制元素。在display flex中，您可以轻松调整框内的元素。使用flex grow使元素变大或变小

请看看这个
 您需要设置ul的宽度，如下所示：

  ul{
    float:left;
    width: 100%;
  }

下面是JSFIDLE中的一个工作示例：


编辑：我将JSFIDLE复制到代码段中，并添加了宽度100%与未设置的宽度


.gCountryFlag{
左边距：0；
左侧填充：0；
}
ul导航{
保证金：0；
填充：0；
浮动：左；
宽度：100%；
}
ul.nav2{
保证金：0；
填充：0；
浮动：左；
}
ulli{
列表样式：无；
浮动：左；
填充：5px
}
最后一个孩子{
浮动：对；
}
李先生{
浮动：左；
显示：内联块；
保证金：5px；
}













您只需为最后一个
li
项设置
float:right
。别忘了clearfix


ul{
边框：1px纯红；
填充：0；
利润率：50像素；
}
ul：在{
/*clearfix*/
内容：“；
显示：表格；
明确：两者皆有；
}
李{
浮动：左；/*所有li项目*/
填充：0；
保证金：0；
边框：1px纯绿色；
列表样式：无；
}
李：最后一个孩子{
浮动：右；/*最后一个li项目*/
}

一,
二,
三,
四,
五,
尝试在类中添加此项
。导航栏导航

.navbar-nav {
    width: 100%;
}

.navbar-collapse ul li:last-child {      
    float: right;
}

这是因为bootstrap.css已覆盖您的css文件。
Try.nav.navbar-nav{width:100%；}。你能在codepen或JSFIDLE上提供一个有效的演示吗？不起作用。nav.navbar-nav{width:100%；}。你的DOM结构中有比我在这里看到的更多的东西，比如多个列或其他样式超过了你在这里声明的内容。这些规则应该有效，如果您获取所有提供的代码并通过代码段运行它们，它们就会有效。考虑更新问题，包括一个最小的、完整的、可验证的例子，它准确地演示了用户友好的复制和故障排除的问题。这里是我的完整HTML。检查链接，注意标志图像不在顶部位置。我想将旗帜图像与名为Home | About | Contact的菜单文本对齐，并且我想将旗帜移到右侧。请检查我的链接并相应地修改或添加css。谢谢你把它放在课后..gccountryflag li在css:d对不起，不清楚。给我一个你所说的例子..goCountryFlag li{float:left；display:inline block；margin:5px；}.navbar collapse ul li:last child{clear:left；float:right；}很抱歉，
.goCountryFlag li{float:left；display:inline block；margin:5px；}.navbar collapse ul li:last child{float:right；}
我刚刚从JSFIDLE检查了您的html和css，当我在代码中添加您的css时，它似乎可以工作。谢谢为什么设置
float:left用于
ul
元件？请将代码从JSFIDLE放到代码片段中。JSFIDLE的其余部分，与他在原始文章中发布的相同，这就是我没有添加它的原因。你需要100%的宽度（或者你想要的任何宽度），因为ul只会增长到它的所有子版本都适合。检查链接，注意标志图像不在顶部位置。我想将旗帜图像与名为Home | About | Contact的菜单文本对齐，并且我想将旗帜移到右侧。请检查我的链接并相应地修改或添加css。谢谢。我会检查并让你知道。这是我的完整html。检查链接，注意标志图像不在顶部位置。我想将旗帜图像与名为Home | About | Contact的菜单文本对齐，并且我想将旗帜移到右侧。请检查我的链接并相应地修改或添加css。thanks@Thomas很抱歉我反应太晚了。请检查更新的代码。我想这就是你要找的。谢谢你的回复。“静止标志不在页面的右侧。@Thomas，但我以为你希望它在页面的右上方！”！这是我的完整html。检查链接，注意标志图像不在顶部位置。我想将旗帜图像与名为Home | About | Contact的菜单文本对齐，并且我想将旗帜移到右侧。请检查我的链接并相应地修改或添加css。谢谢