CSS 手札记

1. Display:Block/Flex 宽度如果不定义会尽可能的扩充外层宽度
2. 在内容区域使用高度百分比和固定像素高度的时候外层设overflow:auto;可以把内层的高度撑开，否则外层会比内层短一截
3. 当用百分比作为宽高时 因为百分比是相对于其最近的父元素的宽高，所以首先其父元素要有宽高，宽度一般不设置会有默认值(比如整个屏幕的宽度)，但是高度不设置就没有默认值，因此如果父元素没设高度值，而其内部元素用了百分比作为高度时，是没有效果的
4. transform会提升元素的层级定位，会把元素的默认z-index替换掉
5. transform会限制position:fixed的跟随效果，会把fixed降级成absolute
6. position:absolute;定位会把父级元素超出隐藏的部分显示出来，但是transform会把这种情况限制，使它超出隐藏
7. 设置absolute元素宽度100%, 则都会参照第一个非static值的position祖先元素计算，没有就window. 现在，transform也需要考虑在内！
8. color 值设置失效在某些Android机型失效，可能的原因有：由于覆盖样式错导致选择器失效，需要重新更改选择器权重；
9. text-align: center 设置失效在某些Android机型失效，可以尝试以上方法或者使用其余居中方式。例如：justify-content: center;