锚点定位偏移问题

锚点定位偏移没解决之前,点击后锚点区域居于body顶部

解决偏移问题用两个属性——padding-top和maring-top

padding-top用于解决锚点区域与顶部的偏移量

margin-top用于解决锚点区域与锚点区域之间因设置的padding-top而产生的不必要偏移量

padding-top用正值,maring-top用负值,二者数值一样

若发现最底部的锚点区域有高度不够问题,则可以给底部锚点区域设置一个min-height解决问题。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_阅读 1,089评论 0 1
  • 1、属性选择器:id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,655评论 0 7
  • 她叫严蕾。 这是她在广州的第5个年头,没有结婚,没有男朋友。每天下班,总是最后一个走,有时候真想找个朋友聊聊天,哪...
    家旭老师阅读 398评论 0 0
  • 01 第十次,我把闺蜜夏季和我的准男友堵在床上。 六月的太阳炙烤着大地,我却浑身发抖...
    木薇清阅读 1,618评论 38 38