欢迎光临黑马视觉品牌官网,开启你的互联网营销之旅!
新闻中心 网络推广 网站建设 优化推广

前端#定位HTML小知识

时间:2024-11-21   来源:网站建设

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

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

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

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

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

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

例如:

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

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

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

本文标签:
新闻推荐
龙华网站建设多少钱?
龙华网站建设多少钱?

大家好,这里是黑马视觉,今天我们来聊聊在深圳建一个网站需要多少钱?龙华网站建设需要多少钱?从所周知,...

龙华外贸网站建设必需知道的四大注意事项
龙华外贸网站建设必需知道的四大注意事项

在深圳有很多外贸公司,他们已经不满足于通过其他平台来引流,于是他们都需要建设一个自己自己的外贸网站,...

网站没有安装SSL证书了,但是谷歌浏览器依旧跳转到HTTPS,怎么处理?
网站没有安装SSL证书了,但是谷歌浏览器依旧跳转到HTTPS,怎么处...

假如你的网站之前安装了SSL证书,然后到期之后,你将你的网站SSL证书也删除了。但是在使用谷歌浏览器打开网...

在文章详情嵌入PDF如何写代码?
在文章详情嵌入PDF如何写代码?

有时候我们需要将PDF放在文章详情中直接预览,而不是点击之后下载。在之前的开发过程中,一般都是点击链接直...

在线沟通
点我即可
对话
15899750475
手机
微信扫一扫

编辑 装修 价格 托管 实力 流量 搜索引擎 服务器 标准 上线 业务

微信
Top