元素尺寸：
1.可視尺寸-clientwidth標準
2.占據(jù)尺寸--outerwidth(yy)
margin和可視尺寸
1.適用于沒有設定width/height的普通block水平元素
float元素碳竟，absolute，fixed,inline,水平纱意，table-cell元素
2.只適用于水平方向尺寸
一側定寬的自適應布局
margin和占據(jù)尺寸
1.block/inline-block水平元素均適用
2.與有沒有設定width/height值無關
3.適用于水平方向和垂直方向
JS HTML標簽尺寸距離位置定位計算
四種瀏覽器對 clientHeight态兴、offsetHeight、scrollHeight合是、clientWidth身诺、offsetWidth 和 scrollWidth 的解釋差異
網(wǎng)頁可見區(qū)域寬：document.body.clientWidth
網(wǎng)頁可見區(qū)域高：document.body.clientHeight
網(wǎng)頁可見區(qū)域寬：document.body.offsetWidth (包括邊線的寬)
網(wǎng)頁可見區(qū)域高：document.body.offsetHeight (包括邊線的寬)
網(wǎng)頁正文全文寬：document.body.scrollWidth
網(wǎng)頁正文全文高：document.body.scrollHeight
網(wǎng)頁被卷去的高：document.body.scrollTop
網(wǎng)頁被卷去的左：document.body.scrollLeft
網(wǎng)頁正文部分上：window.screenTop
http://blog.sina.com.cn/s/blog_966e43000101bhi9.html
1.document.body.clientWidth 獲取body元素對象的內容可視區(qū)域的寬度，即clientWidth=width+padding禾酱，不包括滾動條微酬。
2.document.body.clientHeight 獲取body元素對象的內容可視區(qū)域的高度，即clientHeight=height+padding颤陶，不包括滾動條颗管。
瀏覽器兼容性 在IE7中，如果給body設置滾動條的話滓走，滾動條是出現(xiàn)在body內部的垦江。所以當給body設置width和height時，在IE7中clientWidth和clientHeight的值是要比其它瀏覽器中的值小一些的搅方。
3. document.body.offsetWidth 獲取body元素對象的寬度比吭，即offsetWidth=width+padding+border，也可以寫成offsetWidth=clientWidth+border姨涡。 4.document.body.offsetHeight 獲取body元素對象的高度衩藤，即offsetHeight=height+padding+border，也可以寫成offsetHeight=clientHeight+border涛漂。
瀏覽器兼容性 在IE7中赏表，如果給body設置滾動條的話检诗，滾動條是出現(xiàn)在body內部的。所以offsetWidth和offsetHeight的值還需要加上滾動條的寬度瓢剿。當然最終的值和其它瀏覽器是一樣的逢慌。 5.document.body.scrollWidth獲取body元素對象內容的實際寬度，即對象的滾動寬度间狂。6.document.body.scrollHeight 獲取body元素對象內容的實際高度攻泼，即對象的滾動高度。 瀏覽器兼容性 在FireFox和IE中前标，其獲取的就是body元素對象內部內容的實際寬高坠韩。
在Chrome、Safari炼列、Opera中，scrollWidth和scrollHeight獲取的是整個頁面文檔的滾動寬高音比。 document.body.clientLeft獲取body元素對象的左邊框的寬度俭尖。
7.document.body.clientTop 獲取body元素對象的上邊框的寬度。 瀏覽器兼容性 各瀏覽器表現(xiàn)一致洞翩。document.body.offsetLeft獲取body元素對象相對于自身的位置稽犁。
8.document.body.offsetTop獲取body元素對象相對于自身的位置。 瀏覽器兼容性 在Chrome骚亿、Opera已亥、Safari、IE8来屠、IE9和IE10中虑椎，工作正常，offsetLeft和offsetTop的值都為0俱笛。
9.在FireFox中捆姜，offsetLeft和offsetTop的值為負的body元素的border-width。 在IE7中迎膜，offsetLeft和offsetTop指的是body元素對象的邊框（不包括邊框）到頁面文檔邊緣的距離泥技。 document.body.scrollLeft獲取頁面文檔向右滾動過的像素數(shù)。
10.document.body.scrollTop獲取頁面文檔向下滾動過的像素數(shù)磕仅。 瀏覽器兼容性 在FireFox珊豹、IE8、IE9和IE10中榕订，scrollLeft和scrollTop的值始終為0店茶。 在IE7中，scrollLeft和scrollTop的值為body元素對象最頂端和對象內容的最頂端之間的距離卸亮，即滾動條滾過的距離忽妒。
