Jquery中关于height，innerheight，outer height的知识小计

标准浏览器下：

height:高度

innerHeight:高度＋补白 ———-height+padding

outerHeight:高度＋补白＋边框，参数为true时：高度＋补白＋边框＋边距

高度＋补白＋边框——– height+padding+border

有参数true时：height+padding+border+margin

例子01：

html代码：
复制代码代码如下:

jjjjj

js代码：
复制代码代码如下:

alert($(“#test”).height()); alert($(“#test”).innerHeight());
alert($(“#test”).outerHeight()); alert($(“#test”).outerHeight(true));

结果：
在ie中的结果：17px，37px，41px，61px
在ff中的结果：20px，40px，44px，64px

例子02：
html代码：
复制代码代码如下:

jjjjj

js代码：
复制代码代码如下:

alert($(“#test”).height()); alert($(“#test”).innerHeight());
alert($(“#test”).outerHeight()); alert($(“#test”).outerHeight(true));
[html]
结果：
在ie中的结果：17px，37px，41px，61px
在ff中的结果：41px，61px，65px，85px

html代码：
[code]

jjjjj

js代码：
复制代码代码如下:

alert($(“#test”).height()); alert($(“#test”).innerHeight());
alert($(“#test”).outerHeight()); alert($(“#test”).outerHeight(true));

结果：
在ie中的结果：18px，38px，42px，62px
在ff中的结果：42px，62px，66px，86px

结论：在ie中height包含border和padding并且height最小值为17px ，同理可得width，不过它最小值为15px