首页 > 解决方案 > 向锚添加底部边距是否有任何“陷阱”?

问题描述

我在我的网站中经常使用锚点。我现在有一个 60px 的导航栏,它在页面顶部运行,使用绝对定位,因此对锚点没有影响。

如果我将该位置更改为固定 - 该栏当然会停留在屏幕顶部,但是当有人点击锚点时,屏幕顶部的黑色固定栏会遮挡一点点。

我尝试过使用这个 CSS,但是它似乎通过按下文本(包括锚标题)来解决这个问题,它似乎没问题:

a[name] {
    display: inline-block;
    margin-bottom: 60px;
}

谁能想到我没有想到的任何陷阱?

标签: htmlcss

解决方案


推荐阅读