在我的网站上，我有带有固定导航栏的 Bootstrap 3 主题。
导航栏隐藏了一些文本。
如何在锚链接上创建偏移量？
【问题讨论】：
标签： html css hyperlink anchor href
在样式:target { padding-top: 10%;}中添加以下伪元素，将10%的值替换为导航栏的高度。
:target {
border: 2px solid #D4D4D4;
background-color: #e5eecc;
padding-top:10%;
}<!DOCTYPE html>
<html>
<head>
<title>Sample code</title>
</head>
<body>
<h1>This is a heading</h1>
<p><a href="#news1">Jump to New content 1</a></p>
<p><a href="#news2">Jump to New content 2</a></p>
<p>Click on the links above and the :target selector highlight the current active HTML anchor.</p>
<p id="news1"><b>New content 1...</b></p>
<p id="news2"><b>New content 2...</b></p>
<p><b>Note:</b> Internet Explorer 8 and earlier versions do not support the :target selector.</p>
</body>
</html>【讨论】：
html { scroll-padding-top: 81px; }