问答详情
源自：2-4 JavaScript实现瀑布流布局中图片排序

老师固定main盒子宽度的算法为什么行的通？

document.documentElement.clientWidth//这个值不是一个固定值，会随着浏览器窗口大小变化

如图：

56752bfc0001fdb503620130.jpg

56752bfd000163ce04600093.jpg

所以  cols个数也一直是变化的,

最后给main赋值的时候：

oparent.style.cssText='width:'+oBoxW(202px)*cols//这里cols是随着浏览器窗口变化的，所以这个赋值给main盒子是怎么起作用的？

另外不知道为什么我从脚本里给main盒子设置的css样式的代码不起作用（其它代码都对，console.log各种盒子的宽度也打印的出来，就是设置样式的代码不起作用）

提问者：proto 2015-12-19 18:11

个回答

  • harukochan
    2016-03-06 22:10:01
    已采纳

    代码改成这样

    视频里auto后面少了一个分号

    oParent.style.cssText = 'width:' + oBoxW * cols + 'px;margin:0 auto;';


    0
  • proto
    2015-12-19 22:22:49

    我把老师的源码下载进来了，然而老师的代码里main盒子的宽度也不是固定的，也是随着浏览器窗口的变化而变化的，这是怎么回事！！

    0
  • proto
    2015-12-19 18:50:47

    要先给main盒子清除浮动有些样式才添加的进去（我一直用oparent.style.cssText='background-color:'测试来的）



    0