随便记录点css

好像没写东西了，随便记录一下，顺便希望海康威视不要被 sdn ，股票大涨：

1. 溢出的高度

如果是 unset visible，会影响祖元素会被撑出滚动条，但是不会影响文档流。

其实也有道理，毕竟如果祖级元素不出滚动条，怎么能保证 visible 呢

2. 关于 offsetTop

 

HTMLElement.offsetTop 为只读属性，它返回当前元素相对于其 offsetParent 元素的顶部内边距的距离。

HTMLElement.offsetParent 是一个只读属性，返回一个指向最近的（指包含层级上的最近）包含该元素的定位元素或者最近的 table,td,th,body元素。当元素的 style.display 设置为 "none" 时，offsetParent 返回 null。offsetParent 很有用，因为 offsetTop 和 offsetLeft 都是相对于其内边距边界的。

这里:body 的 padding、margin 会增加 offset 则不会（不过这一般不用考虑）

 3. box-sizing: border-box; 的不合理值

当padding 高度大于 box-sizing 设置下的 box 的高度，他会撑爆自己，然后从当前元素的左上角，开始向外拓展。文档流占位会被影响。不过这种情况计较少。

这也说明了，使用 padding 技巧，增大点击区域的基本原理

4. clientHeight、offsetHeight、scrollHeight

	clinetHeight	offsetHeight	scrollHeight
包含 padding	是	是	是
包含 margin	否	否	否
包含 border	否	是	否

另外 scrollHeight 包含滚动区域内所有的大小，一般不用

offsetHeight 用的多，因为 border 也是我们要考虑的