0

当我尝试“浮动”我的导航时,它会被撞倒,有时是几个像素,有时是很多。如果我让父显示:内联;它会去除凹凸,但结构全乱了。如果我从导航中移除浮动,它不会被撞倒,但同样,结构不是我需要的。我试过位置:绝对;和位置:相对;对于导航和父级,它没有帮助。我尝试放置一个 clear:both; 遍地都是无济于事。

(我尝试在这里和谷歌搜索,但我对自己做错的事情知之甚少,无法找到答案)

这是我遇到此问题的 2 个站点的屏幕截图。第一个上面有我不想要的黄色间隙,第二个在深灰色上方有几个黑色像素,有点难以看到。(如果我移除浮动,间隙就会消失,但菜单的结构会失败)

在此处输入图像描述

4

1 回答 1

0

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

这里有几个选项有效,具体取决于我使用的布局。以下是一些有效的:

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

margin-bottom:-0.15em;也工作了。

于 2013-06-10T09:13:33.800 回答