html - 下拉菜单中的 Logo 未与链接内联

Question

我已经尝试以各种形式问这个问题 3 天了。我似乎无法隔离问题。

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

我已将我的 Logo 附加到该菜单的底部。

触发时，菜单会向下滚动。 Logo 随之滚落。

问题是 Logo 位于菜单链接下方的另一行，因此菜单下拉得太低，与标题冲突。

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

我尝试了 inline-block、inline 和一百万种其他调整，但都无济于事。

这是 fiddle http://jsfiddle.net/shivashivashiva/cdh8tnvf/2/

Answer 1

这是你想要的吗？ Fiddle

在菜单中添加一个内部 div，这样所有的绝对内容都可以相对于它。

它从 ul 中取出#logo，例如:

<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>

然后制作标志: position:absolute； 底部:0；

让它刚好在线上。