Css 不使用浮动对齐

我试图使我的网站响应，但我有一点麻烦。当屏幕尺寸向下时，导航链接会移动到徽标下方。因为我使用了

float:right

，所以我不得不将导航链接按相反的顺序放置。我还想让徽标与导航一起缩放，但我还没有用

包装器

解决这个问题

---

这是我的小提琴：

你可以使用

显示：内联

这实际上是对齐菜单项的首选方法

请参见调整

---

p、 我的更正没有考虑响应性。如果需要在调整窗口大小时使菜单保持水平，则必须使用@media查询和响应框架来实现该效果。更不用说汉堡包菜单了，当尺寸减小到480px以下时。除此之外。它工作得很好

浮动可能是一种痛苦。。。尝试更改显示：

.wrapper
{
  display:inline-block
}

---

如前所述，您必须使用媒体查询进行此操作。您的网站目前比响应更灵活

顺便说一下，您不必按相反顺序浮动链接。您可以使用display:inline或将li元素设置为

float:left

，然后将ul元素设置为

float:right

。这使您的标记更加清晰

Mozilla提供了一个很好的媒体查询使用指南，如果您愿意，可以查看。

---

嗯，改用float:left？您需要使用CSS媒体查询谢谢您的帮助。我很感激你的建议。