我想把菜单栏放在徽标旁边(同一级别(。我该怎么办？请参阅屏幕截图。
非常感谢你的帮助。
baner
只需将所有内容包装在一个div中，并将每个列表放在一个ul下。如果您打算将图像放在徽标的位置，只需将img标记
<style>
.ar{
display: flex;
justify-content: space-between;
}
// for demo
ul {
padding: 0;
margin: 0;
}
li {
display: inline-block;
border:solid black 2px;
}
</style>
</head>
<body>
<div class="ar">
<nav>
<ul>
<li>logo</li>
<li>home</li>
<li>application</li>
<li>news</li>
<li>about</li>
</ul>
</nav>
</div>
我会把它放在一个div中，这样它们就挨在一起了。因此，与其单独进行，不如将其放入一个div中。如果这不起作用，你必须使用定位它
*elementname* {
position:relative;
right:-200px;
top:-150px;
}
您可以根据自己的喜好进一步调整
我建议将徽标和导航菜单都设置为inline-block，这样它们就不会互相推到一行。
header>#logo,
header>nav {
display: inline-block;
}<header>
<div id="logo">
LOGO HERE
</div>
<nav>
<a href="#">Home</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
<a href="#">Link 4</a>
</nav>
</header>您可以简单地将两个元素包装到一个灵活的容器中
header {
display: flex;
justify-content: space-between;
}
// for demo
ul {
padding: 0;
margin: 0;
}
li {
display: inline-block;
}<header>
<div class="logo">
Your logo here
</div>
<nav>
<ul>
<li>link 1</li>
<li>link 2</li>
<li>link 3</li>
</ul>
</nav>
</header>