Html 如何在锚点链接上创建偏移？

在我的网站上，我有一个固定导航栏的Bootstrap3主题

某些文本被导航栏隐藏

---

如何在锚点链接上创建偏移？

将以下伪元素添加到样式

：target{padding top:10%；}

将10%的值替换为导航栏的高度

：目标{
边框：2px实心#d4；
背景色：#e5eecc；
垫面：10%；
}

示例代码
这是一个标题


单击上面的链接，目标选择器高亮显示当前活动的HTML锚

新内容1
新内容2
注意：Internet Explorer 8和早期版本不支持：目标选择器

寻求代码帮助的问题必须包含在问题中重现所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。请参阅。需要使用jquery修复此问题。。这是否适用于u？请参考此链接。。这是常见的问题。检查以前的答案。谢谢，我将测试所有这些解决方案谢谢，我将测试所有这些解决方案最后，你的答案不完整。文本将正确显示在固定导航栏下方。但是我回头看，有一个白色的填充。我找到了解决方案，它工作得非常好

html{scroll padding top:81px；}