ppt模板免费下载软件,优化网站建设公司,网站后台分模块,如何创建一个自己的博客昨天在sf的时候看到了一位朋友的提问#xff0c;是问如何使页面上的a标签被点击时跳转的锚点的位置往下偏移一点#xff0c;不会被最上方的header给遮盖。当时看到这个问题也没想出纯CSS的解决方法#xff0c;以为只有用js才能实现#xff0c;后来另一位朋友的解答#xf…昨天在sf的时候看到了一位朋友的提问是问如何使页面上的a标签被点击时跳转的锚点的位置往下偏移一点不会被最上方的header给遮盖。当时看到这个问题也没想出纯CSS的解决方法以为只有用js才能实现后来另一位朋友的解答恍然大悟在他给出的方法上加以修改完美实现了纯CSS的解决方案
HTML: CSS: 效果图 创建了一个隐藏的div其高度和top都是等于fiexd的顶部的高度 我们可以发现新增的隐藏快的目的就是就是将我们的内容撑下来从而展现在页面上而不是被fixed的内容所覆盖(因为absolute元素的定位是根据relative来决定的所以这里隐藏快的位置始终在文字的top等于-50px的位置)
