我试图让我的网站响应，但我遇到了一些麻烦。当屏幕尺寸缩小时，导航链接会在徽标下方移动。因为我使用了float:right，所以我必须按相反的顺序放置导航链接。我还希望徽标可以通过导航进行扩展，但我还没有想到使用wrappers。
这是我的小提琴：http://jsfiddle.net/y9YsK/
答案 0 :(得分：0)
您可以使用display:inline它实际上是对齐菜单项的首选方法
参见FIDDLE调整
P.S。我的更正不允许响应。如果在调整窗口大小时需要菜单保持水平，则必须使用@media查询和响应式框架来实现此效果。更不用说汉堡包菜单了，当尺寸减小到480px以下时。除此之外。它很棒
答案 1 :(得分：0)
漂浮可能会很痛苦......尝试更改显示：
.wrapper
{
display:inline-block
}
那应该有用
答案 2 :(得分：0)
如前所述，您必须使用媒体查询。您的网站目前比响应更灵活。
顺便说一句，您不必以相反的顺序浮动链接。您可以使用display：inline或将li元素设置为float:left，然后将ul元素设置为float:right。这使你的标记更清洁。
Mozilla有一个很好的使用媒体查询的指南，如果你愿意，可以查看。 https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries