你如何让导航栏与标志平行？答案

【问题标题】：How do you make a navigation bar sit parallel with the logo?你如何让导航栏与标志平行？
【发布时间】：2020-02-23 15:55:32
【问题描述】：

我正在尝试让导航栏与我的徽标平行，但我很难做到这一点。

首先，当我输入图像的代码时，之后的图像不会显示在页面顶部。

相反，它位于页面下方约 40 像素处。我试过使用花车，但没有运气。

我为徽标创建了一个负值 -20px，使其位于页面顶部更远的位置，但想知道这是否是 CSS 中的正常做法

我曾尝试查看 youtube 视频，但他们共享的代码似乎不适用于我的项目。我只是想知道图像是否对于标题来说有点太大了

【问题讨论】：

标签： html css

【解决方案1】：

我肯定会推荐使用 Flexbox。设置浮动和以手动方式设置事物的艰苦工作让您摆脱了困境。这是一份备忘单和一些使用 Flexbox 的背景知识。它也很灵敏。

Flexbox 布局（Flexible Box）模块（截至 2017 年 10 月的 W3C 候选推荐）旨在提供一种更有效的方式来布局、对齐和分配容器中项目之间的空间，即使它们的大小未知和/或动态的（因此是“flex”这个词）。

希望这会有所帮助。

【讨论】：

【解决方案2】：

如果想轻松制作导航栏，您可以访问下面列出的网站，您可以选择您想要的导航栏之一，然后根据您的喜好进行更改或更改它具有所有样式的导航栏，带有徽标，没有徽标甚至是你想要的风格。

【讨论】：