新闻中心 网络推广 网站建设 优化推广 首页>新闻>网站建设

前端#定位HTML小知识

时间:2024-11-21   访问量:0

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

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

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

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

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

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

例如:

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

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

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

服务咨询
1对1咨询,专业客服为您解疑答惑
联系销售
15899750475
在线咨询
联系在线客服,为您解答所有的疑问
ARE YOU INTERESTED IN ?
感兴趣吗?

有关我们服务的更多信息,请联系项目经理

15899750475 杨先生