摘要：对子元素设置margin-top会存在一种情况 给一个div内部的div设置一个margin-top，结果它的父级跟着它一起下移了 为什么会产生这样的效果呢？这要谈到css的盒模型margin的合并问题 所有毗邻的两个或更多盒元素的margin将会合并为一个margin共享之。毗邻的定义为：同级或者 阅读全文

摘要：pointer-events是css的属性 指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target。 pointer-events属性有很多值，但是对于浏览器来说，只有auto和none两个值可用，其它的几个是针对SVG的(本身这个属性就来自于SVG技术)。 auto——效 阅读全文

摘要：要使用 flexbox 布局，只需在父 HTML 元素上设置 display 属性 display: flex; 或者你可以以内联样式的显示 display: inline-flex; 当在父容器上设置了display: flex;或者display: inline-flex;后，它的子元素都自动变 阅读全文

摘要：getBoundingClientRect 返回元素大小及相对可视区域的位置 兼容性： 由于兼容性问题，尽量仅使用 left, top, right, 和 bottom.属性是最安全的。 语法： Element.getBoundingClientRect() 返回值： 包含left, top, ri 阅读全文

摘要：User Agent中文名为用户代理，简称 UA，它是一个特殊字符串头，使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。 深入了解https://www.cnblogs.com/hykun/p/Ua.html 标准格式为： 浏览器标识 阅读全文