Question

我的导航栏的z-index高于/高于页面上的所有其他元素，这意味着它被“忽略”。它的高度不计在页面上。

另外，我使用Twitter Bootstrap作为我网站的基础。

当我尝试重定向到带有锚标记的元素时会发生什么。例如：

<a href="#idhere">Go to ID</a>

我重定向到的元素的一部分将被导航栏覆盖（覆盖元素=导航栏高度），因为它的高度不在页面上计算。

我确信JS / jQuery有一个解决方法，但我想知道我是否可以通过HTML＆amp; CSS。

谢谢。如果我没有清楚地解决我的问题，请务必要求澄清。

Answer 1

我曾经使用过一个小技巧（我认为它仍然有效），只需：

<div id="mydiv" class="section-target"></div>

CSS：

.section-target {
    margin-top: -40px ; // Change to your navbar height
    padding-top: 40px ;
}

Answer 2

在这里查看文档：{{3}}

建议你调整整个身体的衬垫，以补偿导航栏的高度：

body { padding-top: 70px; }

您还可以使用静态顶部导航栏，它不需要额外的填充：Bootstrap - Navbar fixed top