锚点作用：页面不同区域的跳转，使用a链接(a链接还可以实现本页面内的跳转）
<a href="#锚点名字“></a>
<div id="锚点名字”></div>
<style>
*{margin: 0;
padding: 0;
}
ul{list-style: none;
position: fixed;
right: 0;
top: 100px;
}
li{
width: 100px;
height: 50px;
line-height: 50px;
text-align: center;
border: 1px solid black;
}
div{height:2000px;
border:1px solid #ccc
}
</style>
</head>
<body>
<ul>
<li>
<a href="#a">京东秒杀</a>
</li>
<li>
<a href="#b">双11</a>
</li>
<li>
<a href="#c">频道优选</a>
</li>
</ul>
<div id="a">京东秒杀</div>
<div id="b">双11</div>
<div id="c">频道优选</div>
</body>
标签：50px,100px,height,锚点,跳转,border From： https://www.cnblogs.com/Eliauk-1210/p/17762664.html