Jquery源码分析－－-DOM元素（中）

核心提示： 在①处是求元素的innerHeight, innerWidth，在②求outerHeight和outerWidth，Jquery源码分析－－-DOM元素（中）(4)，Inner等于元素的宽高度加各自的paddng，而out还要加上border和margin，Dom元素提供了三种方式来定位元

在①处是求元素的innerHeight, innerWidth。在②求outerHeight和outerWidth。Inner等于元素的宽高度加各自的paddng。而out还要加上border和margin。这里调用num（）来得到元素的CSS的属性值的大小（只能是数值型的）

// Helper function used by the dimensions and offset modules
function num(elem, prop) {
return elem[0] && parseInt(jQuery.curCSS(elem[0], prop, true), 10) || 0;
}

5.2.3 position

在给元素定位之前，我们首先要了解一些CSS定位相关的知识。

在CSS中关于定位的内容是：position:relative | absolute | static | fixed 。static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。relative 不脱离文档流，参考自身静态位置通过 top,bottom,left,right 定位，并且可以通过z-index进行层次分级。absolute 脱离文档流，通过 top,bottom,left,right 定位。选取其最近的父级定位元素，当父级 position 为 static 时，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。

fixed 固定定位，这里他所固定的对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。CSS中定位的层叠分级：z-index: auto | namber

relative | absolute | static | fixed这四种定位的方式不一样，我们要找到元素的位置的方法也会随之不一样。

Dom元素提供了三种方式来定位元素：offset，scroll，Client，

图 转自（http://www.cnblogs.com/believe3301/archive/2008/07/19/1246806.html）