范德萨的博客

此文章用于，让我自己快速设置 浏览器、h5 默认滚动条样式……以上就是今天的内容，三Q！

本来想着使用最传统的方法，根据父盒子的高度和子盒子的高度……等，后来发现跟页面布局有关系，使用这种方法会导致跳转不准确，第一次点击可以第二次不行，然后反复尝试。，后续我就想到了它……

Zoom 非标属性，有兼容问题，缩放会改变了元素占据的空间大小，触发重排-webkit-transform:scale() 大部分现代浏览器支持，并且对英文、数字、中文也能够生效，缩放不会改变了元素占据的空间大小，页面布局不会发生变化-webkit-text-size-adjust对谷歌浏览器有版本要求，在27之后，就取消了该属性的支持，并且只对英文、数字生效。

传统的项目开发中，我们只会用到px、%、em这几个单位，它可以适用于大部分的项目开发，且拥有比较良好的兼容性。从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh、vw、vm等一些新的计量单位。利用这些新的单位开发出比较良好的响应式页面，适应多种不同分辨率的终端，包括移动设备等。px：绝对单位，页面按精确像素展示em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算，整个页面内1em不是一个固定的值rem。

当我们使用css浮动时会造成脱离文档流，造成高度塌陷等问题以下是几种解决方法原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。优点：简单、代码少、容易掌握缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题原理：必须定义width或zoom:1，同时不能定义height，使用overflow:hidden时，浏览器会自动检查浮动区域的高度。优点：简单、代码少、浏览器支持好。

这个元素高度怎么没了？这两栏布局怎么没法自适应？这两个元素的间距怎么有点奇怪的样子？......原因是元素之间相互的影响，导致了意料之外的情况，这里就涉及到BFC概念以上能够完整的体现了BFC实际就是页面一个独立的容器，里面的子元素不影响外面的元素。

1、先定义一个`宽高都为0`的盒子；2、设置另外三个边框的宽，颜色为透明，把想要展示的边框设为实色；