老师固定main盒子宽度的算法为什么行的通？
来源：2-4 JavaScript实现瀑布流布局中图片排序
proto
2015-12-19 18:11
document.documentElement.clientWidth//这个值不是一个固定值，会随着浏览器窗口大小变化
如图：
所以 cols个数也一直是变化的,
最后给main赋值的时候：
oparent.style.cssText='width:'+oBoxW(202px)*cols//这里cols是随着浏览器窗口变化的，所以这个赋值给main盒子是怎么起作用的？
另外不知道为什么我从脚本里给main盒子设置的css样式的代码不起作用（其它代码都对，console.log各种盒子的宽度也打印的出来，就是设置样式的代码不起作用）
写回答
关注
3回答
-
- harukochan
- 2016-03-06 22:10:01
代码改成这样
视频里auto后面少了一个分号
oParent.style.cssText = 'width:' + oBoxW * cols + 'px;margin:0 auto;';
-
- proto
- 2015-12-19 22:22:49
我把老师的源码下载进来了，然而老师的代码里main盒子的宽度也不是固定的，也是随着浏览器窗口的变化而变化的，这是怎么回事！！
-
- proto
- 2015-12-19 18:50:47
要先给main盒子清除浮动有些样式才添加的进去（我一直用oparent.style.cssText='background-color:'测试来的）
瀑布流布局
瀑布流布局是网站比较流行的一种布局方式，教你实现三大方式
97759 学习 · 736 问题
相似问题