在使用fixed,absolute 布局时，如果设置了左右方向的marg,pad等，在使用width:100%，会超出屏幕宽度，最终的实际宽度等于全屏宽度+pading值。

因为这是box模型默认是padding-box，100%宽度不包含padding值。

解决

我们只需要加上box-sizing: border-box;

.bottom-bar{
    position: absolute;
    bottom: 0;
    padding: 0 15px;
    box-sizing: border-box;
}