offsetLeft、offsetWidth 的区别

offsetLeft

        返回该对象元素边界的左上角顶点相对于最近定位的父级元素左上角顶点的 水平偏移量，如果没有定位的父级元素，则相对于文档根节点

offsetTop

        返回该对象元素边界的左上角顶点相对于最近定位的父级元素左上角顶点的 垂直偏移量，如果没有定位的父级元素，则相对于文档根节点  

offsetWidth

        返回元素本身宽度 + padding-left + padding-right  + border-left + border-right

offsetHeight

        返回元素本身高度 + padding-top + padding-bottom + border-top + border-bottom

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 14,717评论 1赞 92
  • Css 布局 -
    1. 前言 前端圈有个“梗”：在面试时，问个css的position属性能刷掉一半人，其中不乏工作四五年的同学。在...
    YjWorld阅读 10,211评论 5赞 15
  • 网络技术与应用
    HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的，因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 10,179评论 0赞 0
  • 前端页面内的高度、位置简述
    web下的高度、位置 屏幕、浏览器、页面的高度宽度 NARUTOne 相信各位web开发狮们，在项目中为了搭建漂亮...
    迷缘火叶阅读 9,115评论 0赞 1
  • 你是提桶者还是管道建设者？
    《管道的故事》，书很薄，没有讲过多具体实例，更多传递是一些财富认知。 现将书中内容总结如下： 1. 你会怎么选择？...
    是半夏吖阅读 6,904评论 5赞 2

友情链接更多精彩内容