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