这几天被dom的几个属性搞糊涂了，所以认真的查看了一下
第一个offset
这个属性和自身的位置，和滚动无关。他用来检测盒子自身的高度，包含了padding，border。
offsetwidth同理
同一家族的offsetleft是距离父盒子的距离
如果父盒子没有定位，则以body为基准
第二个是scroll
scrollheight也可以检测盒子的高度和宽度，但是他只包含padding不包含border，这是与offsetheight.的第一个区别
第二个区别，当盒子中的文字溢出了，他就会算整个盒子和溢出的高度之和
scrollwidth同理
scrolltop是指滚动的距离，调用的是document.body.scrolltop，网页卷去的距离。
监听屏幕的滚动事件是window.onscroll
第三个client
clientheight指的是盒子的高度和padding，无border
clienttop指的是盒子的border
clientX和clientY指的是鼠标点击事件中，可视区域的坐标位置
screenX和screenY的值得是鼠标点击相对于屏幕的坐标位置。
另外对于清除浮动，心里一直不太清楚，后来明白了是因为父盒子没有设置高度，而子盒子都是脱离了标准流
最好的方法就是
content:“”，
overflow:hidden
height:0
lineheight:0
visibility:hidden
clear:both
网友评论