Javascript 为什么本导航中的ul不在前一个div之后？

ul标签不在同一行的上一个div之后，即带有class徽标的div

我想在商标标签后显示ul标签，在同一行中。然而，ul在我想展示的范围内

身体{ 边际：0px； 方向：rtl； } 标题{ 宽度：100%； 最小高度：700px； 高度：自动； 溢出：自动； 背景色：007bff； } 导航{ 边际上限：0px； 高度：50px； } 导航ul{ 宽度：60%； 高度：50px； 保证金：0px自动； 边框：2件纯黑； } .标志{ 宽度：160px； 高度：50px； 左边距：0px； 右边距：30px； 边缘顶部：100px； 边缘底部：0px； } .Logo img{ 宽度：100%； 身高：100%； } ul和div元素是块级的，这意味着它们采用100%的宽度，并将堆叠在顶部

为了使它们彼此相邻，您需要使用浮动、内联块、flexbox或网格

对于这种情况，我建议使用flexbox。 将display:flex添加到直接父元素

身体{ 边际：0px； 方向：rtl； } 标题{ 宽度：100%； 最小高度：700px； 高度：自动； 溢出：自动； 背景色：007bff； } 导航{ 边际上限：0px； 高度：50px； 显示器：flex； } 导航ul{ 宽度：60%； 高度：50px； 保证金：0px自动； 边框：2件纯黑； } .标志{ 宽度：160px； 高度：50px； 左边距：0px； 右边距：30px； 边缘顶部：100px； 边缘底部：0px； } .Logo img{ 宽度：100%； 身高：100%； } 在此列出

---

只需将display:inline块添加到徽标和ul

身体{ 边际：0px； /*方向：rtl*/ } 标题{ 宽度：100%； 最小高度：700px； 高度：自动； 溢出：自动； 背景色：007bff； } 导航{ 边际上限：0px； 高度：50px； } 导航ul{ 宽度：60%； 高度：50px； 保证金：0px自动； 边框：2件纯黑； 显示：内联块； } .标志{ 宽度：160px； 高度：50px； 左边距：0px； 右边距：30px； 边缘顶部：100px； 边缘底部：0px； 显示：内联块； } .Logo img{ 宽度：100%； 身高：100%； }

---

flexbox真的是一个不错的选择。您需要在ul中添加边距上限：100px

身体{ 边际：0px； 方向：rtl； } 标题{ 宽度：100%； 最小高度：700px； 高度：自动； 溢出：自动； 背景色：007bff； } 导航{ 边际上限：0px； 高度：50px； 显示器：flex； } 导航ul{ 宽度：60%； 高度：50px； 保证金：0px自动； 边框：2件纯黑； 边缘顶部：100px； } .标志{ 宽度：160px； 高度：50px； 左边距：0px； 右边距：30px； 边缘顶部：100px； 边缘底部：0px； } .Logo img{ 宽度：100%； 身高：100%； } 在此列出

---

这回答了你的问题吗？也：