一个盒子固定在每个手机的的最底部显示

<footer class="w">
    <!-- 首页 -->
    <div class="shou1">
      <img src="./img/首页粉.png" alt="">
    </div>
    <div class="shou2">
      <a href="./tongzhizhognxin.html"> <img src="./img/通知灰.png" alt=""></a>
    </div>
    <div class="shou3">
      <a href="./shopcar.html"> <img src="./img/购物车灰.png" alt=""></a>
    </div>
    <div class="shou4">
      <a href="./wode.html"><img src="./img/我的灰.png" alt=""></a>
    </div>

  </footer>
  <script>
    // document.body.clientWidth  可视区域的大小
    var a = window.screen.availHeight
    //浏览器的可视大小
    console.log(a);

    var b = 48// 他是footer的高
    var c = a - b

    var footer = document.getElement