有这张图就够了,简单地说明一下 以Height为例,Width同理: div.clientHeight:可见窗口除去了margin+border之后的长度。 div.offsetHeight:在div.clientHeight的基础上加了border和滚动条的长度。 div.scrollHeight:就是元素内容的实际高度。 以Top为例,Left同理: div.clientTop:margin之后padding之前的长度值。 div.offsetTop:该元素的上border的上边缘 到 该元素的offsetParent的上border内边缘的垂直距离。 div.scrollTop:对象的最顶部到对象在当前窗口显示的范围内的顶边的距离,即是在出现了纵向滚动条的情况下,滚动条拉动的距离。 关于offsetParent,不同的浏览器有不同的实现算法,有一种常见布局在各种浏览器中 offsetParent 是一样的,那就是:外层元素 div 的 position 计算值是 relative、absolute 时,内层元素 div 的 offsetParent 总是外层元素 div。
推荐阅读
jquery1.4.2 for Visual studio 2010 模板文件
1.进入 Program FilesMicrosoft Visual Studio 10.0Common7IDE把ProjectTemplatesCache整个删除 2.把新的ProjectTemplates解压到当前文件夹覆盖原来的文件夹 3.执行deneve /setup 等一两分钟.再开程序就可以了>>>详细阅读
本文标题:JavaScript中的一些定位属性[图解]
地址:http://www.17bianji.com/kaifa2/JS/26028.html
1/2 1