Js获取滚动的头部距离和左边距离：在js中，经常会用到需要获取头部距离和左边距离的小功能，在这里封装一下，以后可以直接调用即可：

将WEB页面直接导出为pdf文件是经常会用到的一个功能，尤其是各种报表系统。总结了一下目前几种主流的做法：在后端用代码生成pdf文件，比如iText一类；在后端抓取页面并生成pdf文件，比如phantomjs一类；

getBoundingClientRect 用于获取某个元素相对于视窗的位置集合。集合中有 top, right, bottom, left 等属性。注意: availLeft/availTop 大多数情况下，返回 0。获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的属性

BFC即块级格式化上下文，创建了 BFC 的元素是一个独立的容器，里面无论如何布局都不会影响到外面的元素；设置 overflow 属性，除了 visible 以外的值（例如 hidden、auto）

边距重叠解决方案(BFC)，首先要明确BFC是什么意思，其全英文拼写为 Block Formatting Context 直译为“块级格式化上下文”，外边距的重叠只产生在普通流文档的上下外边距之间，这个看起来有点奇怪的规则，其实有其现实意义。

CSS外边距折叠：第一种：两个块级元素的上下边距折叠。第二种：父元素和子元素（或者最后一个元素）的外边距。第三种：空的块级元素的上下外边距

最小高度为100px的父元素，嵌套一个300px高度的子元素，当子元素浮动时，父元素高度并不随之升高。在某些特殊的条件下，为子元素设置上外边距时，有可能会作用到父元素上。