用来记录前端常见的bug

1.在多个行内元素排成一行时，元素之前存在间隔

产生原因：换行符、tab（制表符）、空格产生间隙
解决方案
1、font-size设为0
2、元素写成一行

2.a便签下的img有padding5px的效果

解决方案
img的display设置为block

3、水平居中跳动的问题

产生原因：滑动块导致
解决方案
1.html{
overflow-y:scroll;
}
2.caontainer{
padding-left:calc(100vw - 100%); 100vw浏览器宽度 100%可用内容宽度
}

4、内部绝对定位，overflow失效

产生原因：绝对定位元素不总是被父级元素overflow属性剪裁，尤其当overflow在绝对定位元素及其包含块（含position:relative/absolute/fixed声明的父级元素）之间的时候。
解决方案
父级元素设为包含块