理解DHTML网页中元素的位置和大小关系

MSDN上关于DOM(Dynamic HTML Object Model，文档对象模型)中元素的位置和大小关系图，我觉得很有用，就贴出来了：
英文原文：

Measuring Element Dimension and Location

The following section is designed to help Web authors understand how to access the dimension and location of elements on the page through the Dynamic HTML (DHTML) Object Model.

Understanding Properties That Measure Element Dimension and Location

The following diagram of a sample page shows the DHTML Object Model properties that are related to the dimension and location of elements. The sample page contains a DIV element that is relatively positioned on the page. Since the overflow attribute of the DIV has been set to scroll and it contains more content than can be displayed within its limited client area, scroll bars are displayed.
试着翻译一下，大家将就着看吧。

测量元素的大小和位置

下面的设计用来帮助web作者如何通过文档对象模型(DOM)来存取网页元素的大小和位置。

理解测量大小和位置的属性

下图显示了文档对象模型中有关元素的位置和大小关系的属性。页面包含一个相对定位的DIV标签。因为DIV的overflow属性已设置为scroll，当它显示的内容超出范围时，滚动条就会被显示出来。
?



引用的MSDN地址：mk:@MSITStore:D:/Program%20Files/Microsoft%20Visual%20Studio/MSDN/2000JUL/1033/inet.chm::/workshop/author/om/measuring.htm