定位徽标和导航栏时遇到问题

Posted 2023-03-06

【中文标题】定位徽标和导航栏时遇到问题

【英文标题】：Having trouble positioning logo and nav bar

【发布时间】：2018-10-05 06:21:17

【问题描述】：

我似乎无法弄清楚如何让我的网站看起来像我的家庭作业版本。有人可以帮忙吗？

家庭作业版：

我的版本：

css:

html:

【问题讨论】：

请将您的代码包含在问题的文本中，而不是图像中。将您的代码放在图像中会使您难以阅读并且不太可能获得帮助。

这里有这么多需要造型的东西——我们怎么可能提供所有东西？我们不能为你做作业！

你的“作业”图片是在实际网页上，还是图片？

不，它只是一个图像。我希望它是一个网页，这样我就可以右键单击并检查。

老兄，你必须自己进行“检查”。打开检查器并对导航进行一些更改。我将从显示内联块开始。锚点周围的填充，列表项的右边框，徽标上的填充。继续添加，直到你得到它。

【参考方案1】：

一个好的开始是向“logo”添加填充并去掉无序列表上的边框。

【讨论】：

我不是指填充，我指的是布局。我正在尝试让导航栏一直移动到与徽标对齐的右侧

【参考方案2】：

您需要在具有徽标和菜单的容器周围添加填充。您还应该尝试display: inline-block，以便它们在同一行上。在最小值处，徽标占据了所有宽度，然后是菜单。