元素边距覆盖整个宽度

Question

我希望我的下拉菜单中的徽标和链接在同一行显示，而徽标的“边距”（橙色）覆盖链接，如下所示。

1. 这是一个使用复选框

的纯CSS下拉菜单

2. 我已将徽标贴在底部白线上。它是按设计：当菜单下降时，标识应该跟随。

3. 目前，确定折叠菜单最大高度的值是选择器

   #navbar-checkbox:checked + .menu ul {
     max-height: 65px;
   }
   

   65px的唯一原因是实际说明问题。 max-height应为35px

这是我的小提琴http://jsfiddle.net/shivashivashiva/cdh8tnvf/1/

Answer 1

这是我能够做到的。

我将徽标设置为向左浮动并将导航的最大高度从65px增加到70px并在菜单中添加.l添加此css代码vertical-align：top