CSS中经常记忆错误的知识
nth-child
- el:nth-child(n)经常可能理解为当前元素的第n个
- 实际上它是匹配的是el元素父元素的第n个元素
position-fixed
- fixed往往会被认为是基于浏览器的定位
- 但是父级元素有
transform,perspective或filter属性非none时-就会基于这个进行定位
flex-wrap换行空隙问题
对外层父级元素添加align-content：flex-start就可以解决
display：contents
- display：contents-封装组件的利器。类似react的frag标签
- 作为父组件但是不进行渲染
- 可以解决Vue-template因为div嵌套导致的flex布局问题
隐藏滚动条
- 因为有些时候我们可能设置了对应的宽度
- 但是因为滚动条的出现-导致样式进行塌陷等状况
- 我们可以将它进行隐藏
xx::-webkit-scrollbar {
display:none;
}
