当position: fixed比容器大的时候解决办法

手机网页需要一个定位到尾部的导航
所以我用到了position: fixed
但发现他的父级宽度是body并且它的长度覆盖了滚动条
导致水平居中后和其他的容器并不一致
所以我直接设置了一个max-width

div{
 max-width: 980px;
    width: 100%;
    height: 9vw;
    position: fixed;
    bottom: 0px;
    z-index: 100;
}

这样fix的父级宽度就相当于最大宽度 这样就和其他容器的宽度一致了