js小知识点以及被划掉的样式原因

 /*var width =  45px,height =  45px;*/
    var width = 45,height = 45;

 div.style.left = c * width + "px";
           div.style.top = r * height;

另外


原因：
写的样式，优先级不够，被覆盖了，所以划线。
层级不够，可以多写几级选择器，或者：

！important的作用是将该属性的优先级调整到最高。

      background-size: 100% 100% !important;