1.关于vw视口 和百分比100%
- 首先要知道 这两种单位都是有参考单位的， vw vh的参考单位是浏览器窗口的宽高， 而百分比的参考单位是父级。
- 百分比的参考是不包含内边距的， 假如父级有内边距，其可视区域就会变小， 所以百分比对应的区域大小也会变小。
- vw vh 都是会包含滚动条的宽度的，所以实际打印出的clienWidth的时候，会比使用100%的容器的宽度要小那么10几个像素，这个就是减去了滚动条的宽度的结果
- 100%不包含滚动条
2.实现简单的瀑布流：
CSS 超简单实现瀑布流效果【CSS 3 技巧分享】_哔哩哔哩_bilibili
主要是借助：column-count 这个属性
标签：百分比,参考,100%,滚动条,细节,内边,vw,css From： https://www.cnblogs.com/Hijacku/p/17145115.html