【问题标题】:Floating the NAV bumps it down浮动资产净值会降低它
【发布时间】:2013-06-10 17:13:33
【问题描述】:

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

(我尝试在这里和谷歌搜索,但我对自己做错了什么了解不够,无法找到答案)

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

【问题讨论】:

    标签: css-float html nav


    【解决方案1】:

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

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

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

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

    【讨论】:

      猜你喜欢
      • 2022-11-02
      • 2022-01-02
      • 1970-01-01
      • 2022-08-06
      • 1970-01-01
      • 2012-11-07
      • 2019-04-08
      • 1970-01-01
      • 2016-02-25
      相关资源
      最近更新 更多