移动端bug

1、出现横向滚动条；

移动端页面通常宽度为100%；如果此时再给页面的某一部分添加padding 值就会导致横向滚动条的出现；
解决：
calc() 此CSS函数让你在声明CSS属性值时执行一些计算

语法：
width: calc(100% - 80px); // ±×÷运算符都可使用
减去加的padding值即可；

2、定位元素；

position：absolute;绝对定位，脱离文档流不占据空间；参照物是离自己最近的具有定位属性的父级元素
position：relative；相对定位，参照物是自己原来的位置，占据空间，不脱离文档流；
position：fixed：固定定位：参照物永远是html，脱离文档流不占据空间；