Css 锚点 及 锚点吸顶时盖住内容解决方法

锚点：

<!-- 前面设置跳转 有标记 且对应 -->
<a href="#current-solve"><p>通用解决方案</p></a>
<a href="#exper-center"><p>解决方案体验中心</p></a>
<!-- 跳转的位置 对应id -->
<div id="current-solve">这里是通用解决方案</div>
<div id="exper-center">这里是解决方案体验中心</div>

锚点吸顶时盖住内容解决：第一种 定位

<!-- 前面设置跳转 nav导航吸顶条 -->
<div class="solve-auto">
	<a href="#current-solve">通用解决方案</a>
	<a href="#exper-center">解决方案体验中心</a>
</div>
<!-- 跳转位置 -->
<div>
	<a id="current-solve">&nbsp;</a> //占位解决 不影响布局
	<div class="know-auto">
		通用解决方案
	</div>
</div>

#current-solve{
	position:relative;
	top:-50px;
}

锚点吸顶时盖住内容解决：第二种 padding+margin

/*	padding影响锚点元素的定位，margin不影响锚点元素的定位。所以使用padding调整锚点元素跳转后的
位置，使用margin抵消padding对布局的影响。*/
#current-solve{
	padding-top: 60px;/* 60px是导航栏高度 */
    margin-top: -60px;
}
/* 如果使用第二种方法 a链接的内容可更改 */