s

css细节篇 (一)

1.关于vw视口 和百分比100%

 

  • 首先要知道 这两种单位都是有参考单位的, vw vh的参考单位是浏览器窗口的宽高, 而百分比的参考单位是父级。
  • 百分比的参考是不包含内边距的, 假如父级有内边距,其可视区域就会变小, 所以百分比对应的区域大小也会变小。
  • vw vh 都是会包含滚动条的宽度的,所以实际打印出的clienWidth的时候,会比使用100%的容器的宽度要小那么10几个像素,这个就是减去了滚动条的宽度的结果
  • 100%不包含滚动条

 

2.实现简单的瀑布流:

CSS 超简单实现瀑布流效果【CSS 3 技巧分享】_哔哩哔哩_bilibili

主要是借助:column-count  这个属性

posted @ 2023-02-22 17:38  努力不搬砖的iori  阅读(20)  评论(0编辑  收藏  举报