css易错点总结（极其重要）*

css易错点总结（极其重要）*

1 ,忘记加浮动（两边都要加，float:right;之后margin-right就可以起作用。
2，margin：0 auto；只能在没有加浮动的情况下起作用。
3，解决高度塌陷最好加上overflow：hidden；（方法）。
4，子元素margin值会影响父元素位置（可以加overflow：hidden；解决）。
5，子元素margin值会影响父元素位置，如果其中有同级元素则无影响，margin-bottom；，margin-right；，可以起作用，即使不加浮动，只要同级元素处于bottom或right。
6，无论是行内元素还是块状元素margin：0 auto；都可以在父元素中起作用，但有同级元素在仍然左右居中，上下位置会发生变化。
7，行内元素不能继承父元素的宽和设置宽高，宽高随文字起，高度略高于文字，宽度一样。块状元素如果不设置宽则默认父元素的宽，高随文字撑起。对于块状元素来说，如果不设置line-height值，则其高度会略高于文字，宽度一可以通过行内元素判断来精确设置。
8，同行浮动多子元素可以不设置图片宽高，但换行之后必须要设置宽高。移动端必须要设置图片宽高，否则不会自适应，一般结果为原来图片大小的两倍。
9，一定要注意box-sizing：border-box；在移动端的作用。
**10，清除滚动条，section ::-webkit-scrollbar{display：none；} 注意：：：前面必须要有空格 **
11，在写css样式时检查元素之后找不到该样式，则类名写错，例如nav{}写成了.nav{}
在检查元素中出现了样式被划掉（非注释）则有两个原因，浏览器不支持该所加样式特性或权重不够，后面写的覆盖了前面写的。例如：index.css必须写在reset.css后面，否则会被覆盖而无法发挥index.css的作用。
12，移动端可能出错原因，移动端用了flexibl.js但没有删除meta标签或者vw布局没有加上相关meta标签。