offsetWidth、offsetHeight 算法

作者:vkvi 来源:千一网络(原创) 日期:2009-1-12

以下部分内容翻译自 W3C 的 CSSOM View Module,W3C 工作草案 2008年2月22日。

在元素 A 上调用 offsetWidth 属性时,必须按以下算法返回结果值:

  1. 如果元素 A 不具有 CSS 布局盒子,则返回 0,并停止本算法。
  2. 以 CSS 像素为单位,返回元素 A 的边框盒子宽度。

在元素 A 上调用 offsetHeight 属性时,必须按以下算法返回结果值:

  1. 如果元素 A 不具有 CSS 布局盒子,则返回 0,并停止本算法。
  2. 以 CSS 像素为单位,返回元素 A 的边框盒子高度。

为了更好地理解,可以参照下图:

offsetWidth、offsetHeight

上图中,蓝色区域是小块的边框,蓝框外白色区域是小块的 margin,小块的 offsetWidth、offsetHeight 如图中所标示,是包括其蓝色边框的。

你前面那位网友看了:Edge 浏览器这几个细节可以改进下

▲▲▲嘿,欢迎转载传播本站原创文章,尽量保留来源噢。▲▲▲

文章评论
  • 1 楼:评论
    很好很强大
  • 2 楼:评论
    学习了
  • 3 楼:评论
    强悍
  • 4 楼:评论
    顶,好
  • 5 楼:评论
  • 6 楼:评论
    vxcz
  • 7 楼:评论
    原创吗?
    好!
  • 8 楼:评论
    原创
  • 9 楼:评论
    讲小黄框里的话的人真逗,表达这么不流利,基本上没让我听懂说什么
  • 10 楼:评论
    图像不是很好理解,不直观
  • 11 楼:评论
    good
赞助商们