博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css实用技巧——给锚点定位添加偏移
阅读量:767 次
发布时间:2019-03-24

本文共 303 字,大约阅读时间需要 1 分钟。

应用场景

网站有个悬浮顶栏,希望锚点定位的元素会向下偏移一段距离(默认情况下,锚点定位时,页面会向下滚动,直到锚点定位的元素会出现在浏览器顶部)

实现原理

利用给内联元素添加padding不影响布局的特征,给锚点添加 padding-top 来实现偏移

完整范例代码

访问  时,定位到 id 为 anchor 的元素

 

 

转载地址:http://mhmkk.baihongyu.com/

你可能感兴趣的文章