漂浮NAV使其陷入困境

Question

当我尝试“漂浮”我的导航时，它会被撞倒，有时几个像素，有时会很多。如果我做父显示：inline;它将移除凹凸，但结构全部搞砸了。如果我从导航器中移除浮子，它不会被撞倒，但是再次，结构不是我需要的。我试过位置：绝对;和位置：相对;导航和父母都没有帮助。我试着说清楚：两个;到处都无济于事。

（我尝试在这里搜索和谷歌，但我不知道我做错了什么来找到答案）

以下是我遇到此问题的2个网站的屏幕截图。第一个在我上面有一个我不想要的黄色间隙，第二个在深灰色上面有一些黑色像素，很难看到。 （如果我删除了浮动，则间隙会消失，但菜单的结构会失败）

Answer 1

问题来自于使用display:inline-block;，其中浏览器会自动在元素的底部插入边距以允许字母下伸。如果不会破坏您的布局，您可以将display更改为:block;。如果没有，您可以在底部添加负边距。

这里有一些选项可行，具体取决于我使用的布局。以下是一些有效的方法：

margin-bottom:-3px;或margin-bottom:-4px;

margin-bottom:-0.15em;也有效。