关于《生活资讯网》的错误笔记

最近练手了课后作业《生活资讯网》，是上课以来最打脑壳的四天，当它把以前的知识点都结合起来的时候，就是我们对于知识点掌握最漏洞百出的时候，犯了很多低级错误。

错误一： 固定定位的盒子必须有宽度

        这是很基础的知识，但我老是忘记给宽，导致经常margin: 0 auto；没有反应

错误二： 定位的盒子居中只能通过left值修改

1、margin:0 auto;  只能让标准流的盒子居中对齐。

2、定位的盒子居中：先向右走父元素盒子的一半50%，再向左走子盒子的一半(margin-left:负值。)用translate移动也可以。

 图片来源网络

错误三： 页面莫名多出边距

页面莫名多出边距，找不到源自哪里，结果是页面的margin和padding值没清除 。这个错误太低级了。😓

错误四： 图片的父盒子宽高固定了，图片缩放还是直接放大

 图片的父盒子宽高固定了，图片缩放还是直接放大，先使用overflow：hidden清除溢出部分，再清除父盒子的内边距padding值。

错误五： 半透明效果遮罩层添加失败

半透明效果遮罩层添加失败，本来想设置个遮罩层来盖在图片上，搞了半天没弄懂，索性直接给图片设置半透明效果。。