Html 链接到网站上的某个部分'；s页

我有一个菜单，链接到一个网页的部分，我想链接到标题，但它去了部分的结尾，这给人的印象是，它是去它下面的部分。我试过几种方法，这里是第一种方法

<div class="sidebar" style="margin-top: -315px;">
                    <div class="list-group">
                        <a href="Index.aspx#WhatIsIt" class="list-group-item active">What is it?</a>
                        <a href="Index.aspx#Why" class="list-group-item">Why Evercam?</a>
                        <a href="Index.aspx#API" class="list-group-item">API</a>
                        <a href="Index.aspx#Pricing" class="list-group-item">Pricing</a>
                        <a href="MarketPlace.aspx" class="list-group-item">MarketPlace</a>
                    </div>
                </div>

    <section id="WhatIsIt">
                    <div class="row featurette">
                        <div class="col-md-4">
                            <i class="icon-camera-retro icon-large"></i>
                        </div>
                        <div class="col-md-8" style="margin-left: -55px">
                            <h2 class="featurette-heading smalltopmargin">What is Evercam?<span class="text-muted">An ideal camera.</span></h2>
                            <p class="lead">
                                Evercam makes it easy to interact with IP Cameras. Evercam abstracts the complexity of any IP-based video device, and exposes all its available functionality to you 
                            through a consistent and beautiful <a href="/Develop.aspx">API</a>.
                            </p>
                        </div>
                    </div>
                </section>

什么是Evercam？理想的相机。

Evercam可轻松与IP摄像头交互。Evercam抽象出任何基于IP的视频设备的复杂性，并向您公开其所有可用功能
通过一个始终如一的美丽。

这是第二条路

<div class="terms">
                <h3>Index</h3>
                <h5><a href="Termsandconditions.aspx#yourrights">Your rights</a></h5>
                <h5><a href="Termsandconditions.aspx#cookies">Cookies</a></h5>
                <h5><a href="Termsandconditions.aspx#changes">Changes</a></h5>
                <h5><a href="Termsandconditions.aspx#ordering">Ordering</a></h5>
                <h5><a href="Termsandconditions.aspx#license">License</a></h5>
                <h5><a href="Termsandconditions.aspx#siteusage">Site usage</a></h5>
                <h5><a href="Termsandconditions.aspx#ownership">Ownership of information</a></h5>
                <h5><a href="Termsandconditions.aspx#accuracyofinfo">Accuracy of information</a></h5>
                <h5><a href="Termsandconditions.aspx#pricing">Pricing liability</a></h5>
            </div>
            <h3><a name="yourrights"></a>Your rights</h3>

指数
你的权利

---

关于如何解决这个问题有什么想法吗？

您可以使用以下方法：

<a name="first" href="#forth" class="tall red"></a>
<a name="second" class="tall blue"></a>
<a name="third" class="tall green"></a>
<a name="forth" class="tall purple"></a>

id属性可用于在任何元素（包括A元素）的开始标记处创建锚定

参考：

因此，您的解决方案似乎是正确的。我认为可能存在其他问题（浏览器无法滚动到所需位置，边距/填充出错），这会影响滚动。
此“容器类”是否会影响链接

.container {
  padding-right: 225px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto;
}

是的，我看起来也不错，所以我会检查填充物等，谢谢谢谢，我试过了，但我有同样的问题，所以我认为上面的答案可能是正确的