前端学习笔记

这几天被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