https://juejin.im/post/5d3eca78e51d4561cb5dde12#heading-28
1. 另类调整文字层级方法 : 设置 transform 层级提升, 与父级同时设置transform 会使fixed失效
2. nth-of-type : 匹配属于父元素的特定类型的第 N 个子元素的每个元素
3.pointer-events: none; 点击穿透
4.white-space: break-spaces; 文本换行
5.object-fit: cover; 对图片进行剪切,保留原始比例:
6.问题: 一般需要滚动条时 , 都是在外层添加父级, 再将外层添加的父级设置样式overflow:scroll; 从而实现元素溢出出现滚动条
解决: 无需额外添加滚动容器的做法 : 父级ul 设置样式display:flex;overflow:scroll; 子级li 设置样式flex:none;
7.z-index失效
1.元素浮动导致失效
2.元素没有定位(static除外)
3.父标签 position属性为relative;
解决办法: 父标签 position属性为relative时 父级标签加上z-index:auto;