我们在网站开发的过程中，经常会遇到这样的设计要求。

比如说：在大分类：关于我们栏目下面有好几个子栏目，例如：公司介绍，发展历程，企业文化，荣誉证书等

但是子分类的内容不多，单独设计页面有点浪费。所以想把他们集成一个页面下，更加简洁方便，一目了然。

所以我们一般在导航上会添加相对定位，就是在点击导航上的时候，通过#进行页面定位。

但是我们在写了多个DIV并添加上相应的id后，发现在点击导航的按钮进行页面定位的时候，会被添加了fixed的导航条挡住一部分内容。

所以我们需要对这个ID添加一段代码来解决这个问题：

例如：

<div class="" id="Clutre"  style="position: relative; top: -110px;"></div>

添加了这段style之后，他会自动距离顶部110PX，从而不会被导航挡住。

110是我的导航高度，你可以根据你的实际情况进行修改。