css新手易错技术分享

1：

错误：进行css编辑网页的时候页面头部会出现一个白条，切通过正常的编辑无法去除！

解决方案：在项目中引入base.css即页面初始化，可以解决此问题！

2：

错误：进行css编辑网页时，有时候页面底部通过正常编辑无法实现预想中的效果，编辑的div（盒子）会跑去上边盒子内！

解决方案：给上边大盒子添加属性overflow: hidden;（上一级盒子沿用其子盒子的部分属性包括子盒子的高属性！）

可解决此问题！（此解决方案只适用于没对上方大盒子设置高属性所导致的错误，具体问题具体分析）
3：
错误：用css给页面某位置添加背景图片时会出现图片过大，无法展现自己预期想要展现的画面！
解决方案：直接在css里面添加图片并添加属性设置其为背景图片，再设置属性给它定位，设置展示想要的画面！
（background-image: url(../img/bg1.png); <添加图片> background-position: bottom;<设置位置>）
4：
错误:用css进行页面编辑的时候经常会出现各种错误，在css代码页面很难看出来哪里出的错！
解决方案：进入预览浏览器，右击进入检查页面进行查找。
5：
错误：在css中对一个盒子进行编辑，达不到自己想要的效果的原因有几种！
（1）：css中路径指示错误。
（2）：路径中父子之间的空格或.漏写。
（3）：路径中元素名大意写错。
（4）：index.html中没有引入index.css。
（5）：属性设置错误。
6：
错误：给一个div设置左右浮动却达不到效果！
解决方案：没有给此div的上一级设置宽度，给上一级加一个宽度即可。