Html 下拉菜单中的徽标与链接不一致

我已经试着问了三天这个问题，各种形式。我似乎无法孤立这个问题

我有一个使用隐藏复选框的下拉菜单

我已经把我的标志贴在了菜单的底部

触发时，菜单向下滚动。标志也随之滚落

问题在于徽标位于菜单链接下方的另一行上，因此菜单下降得太低，与标题冲突。

我希望徽标与菜单一起向下滚动，但在同一行上显示链接，从而将打开菜单的高度降低徽标的高度

我尝试了

内联块

，

内联

，以及其他一百万次调整，但都没有成功

这是小提琴看到了吗

我将

菜单

定义（第二个定义）上的

位置：绝对

更改为

相对

看到这个了吗

我将

菜单

定义（第二个定义）上的

位置：绝对

更改为

相对

看到这个了吗

我将

菜单

定义（第二个定义）上的

位置：绝对

更改为

相对

看到这个了吗

我将

菜单

定义（第二个定义）上的

位置：绝对

更改为

相对

---

应添加以下内容以将徽标和文本放在同一行上：

menu ul {
    float: right;
}

#logo {
    float: left;
}

在我的firefox版本35.0.1中，由于使用了

.menu ul{
    overflow:hidden;
}

以及您用于菜单的最大高度。你也应该在那里做一些调整。

---

如果您还想调整文本行高度以使文本与图像垂直居中，您可以调整菜单li的填充。您应该添加以下内容以将徽标和文本放在同一行上：

menu ul {
    float: right;
}

#logo {
    float: left;
}

在我的firefox版本35.0.1中，由于使用了

.menu ul{
    overflow:hidden;
}

以及您用于菜单的最大高度。你也应该在那里做一些调整。

---

如果您还想调整文本行高度以使文本与图像垂直居中，您可以调整菜单li的填充。您应该添加以下内容以将徽标和文本放在同一行上：

menu ul {
    float: right;
}

#logo {
    float: left;
}

在我的firefox版本35.0.1中，由于使用了

.menu ul{
    overflow:hidden;
}

以及您用于菜单的最大高度。你也应该在那里做一些调整。

---

如果您还想调整文本行高度以使文本与图像垂直居中，您可以调整菜单li的填充。您应该添加以下内容以将徽标和文本放在同一行上：

menu ul {
    float: right;
}

#logo {
    float: left;
}

在我的firefox版本35.0.1中，由于使用了

.menu ul{
    overflow:hidden;
}

以及您用于菜单的最大高度。你也应该在那里做一些调整。 如果您还想调整文本行高度以使文本与图像垂直居中，您可以调整菜单li的填充。这是您想要的吗

在菜单中添加一个内部div，这样每个绝对值都可以相对于它

它从ul中去掉了#徽标，如：

<span id="logo"></span>
<ul>
    <li><a href="#">how it works</a></li>
    <li><a href="#">about us</a></li>
    <li><a href="#">contact</a></li>
</ul>

然后制作徽标： 职位：绝对职位； 底部：0

把它保持在线的正上方。

这是你想要的吗

在菜单中添加一个内部div，这样每个绝对值都可以相对于它

它从ul中去掉了#徽标，如：

<span id="logo"></span>
<ul>
    <li><a href="#">how it works</a></li>
    <li><a href="#">about us</a></li>
    <li><a href="#">contact</a></li>
</ul>

然后制作徽标： 职位：绝对职位； 底部：0

把它保持在线的正上方。

这是你想要的吗

在菜单中添加一个内部div，这样每个绝对值都可以相对于它

它从ul中去掉了#徽标，如：

<span id="logo"></span>
<ul>
    <li><a href="#">how it works</a></li>
    <li><a href="#">about us</a></li>
    <li><a href="#">contact</a></li>
</ul>

然后制作徽标： 职位：绝对职位； 底部：0

把它保持在线的正上方。

这是你想要的吗

在菜单中添加一个内部div，这样每个绝对值都可以相对于它

它从ul中去掉了#徽标，如：

<span id="logo"></span>
<ul>
    <li><a href="#">how it works</a></li>
    <li><a href="#">about us</a></li>
    <li><a href="#">contact</a></li>
</ul>

然后制作徽标： 职位：绝对职位； 底部：0

---

---

让它保持在线上方。

谢谢您的回复。我并不是说我试图以牺牲当前设计为代价来实现这个功能，比如用下拉菜单来推送内容。而且，这也不能解决问题。徽标和链接仍然没有内联@泰达，我明白你在说什么了，让我来试试运气好吗@谢谢你的回复。我并不是说我试图以牺牲当前设计为代价来实现这个功能，比如用下拉菜单来推送内容。而且，这也不能解决问题。徽标和链接仍然没有内联@泰达，我明白你在说什么了，让我来试试运气好吗@谢谢你的回复。我并不是说我试图以牺牲当前设计为代价来实现这个功能，比如用下拉菜单来推送内容。而且，这也不能解决问题。徽标和链接仍然没有内联@泰达，我明白你在说什么了，让我来试试运气好吗@谢谢你的回复。我并不是说我试图以牺牲当前设计为代价来实现这个功能，比如用下拉菜单来推送内容。而且，这也不能解决问题。徽标和链接仍然没有内联@泰达，我明白你在说什么了，让我来试试运气好吗@TED如果不起作用，菜单不会下拉。谢谢你的回复。看看这个。添加浮动：仅适用于。菜单ul，它有效。不，它无效。它不符合规定的要求。这不符合要求