Web前端之 offsetWidth，clientWidth，scrollWidth，offsetLeft，clientLeft，scrollLeft

                                 Web前端之 offsetWidth，clientWidth，scrollWidth，offsetLeft，clientLeft，scrollLeft

一、写作缘由：   

        我想，这绝对是一次意外，对，如此的意外，让我莫名其妙的写下了这篇博文 写下这个原因是我在做滚动文字(图片)的时候遇见了些困难，而不巧的是，就是本文的问题，因此想下定决心搞懂它，就查阅了很多的资料，然后，你懂得，这篇文章就诞生了。(更多内容，可参阅程序员在旅途)

二、涉及问题和总体概括：

         如果你对width，offsetWidth，clientWidth，scrollWidth，offsetLeft，clientLeft，scrollLeft这几个的差别还不是很熟悉，那你最好翻阅资料搞清楚，当然，你也可以看一下本文；这几个概念，你会在开发的时候经常用到，因此，掌握还是很有必要的。

        首先来说一下，**width，**left    (**height和**top是一样的，),一个是本身宽度计算问题，一个是一点到另外一点的距离问题，这几个概念代表的意义在很多浏览器大致相同，但是，计算方法会有所差别，所以，才会导致很混乱。<