                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /瀑布流布局

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

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

如图：

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

最后给main赋值的时候：

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

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

proto

2015-12-19

源自：瀑布流布局 2-4

关注问题我要回答

1142

操作

收起

3 回答

harukochan 回答被采纳 +3 积分
2016-03-06

代码改成这样

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

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

0 回复有任何疑惑可以回复我~

收起回答

proto 提问者

非常感谢！

2016-03-23 回复有任何疑惑可以回复我~

proto 提问者
2015-12-19

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

0 回复有任何疑惑可以回复我~

收起回答

proto 提问者
2015-12-19

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

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

瀑布流布局

参与学习 97759 人
解答问题 736 个

瀑布流布局是网站比较流行的一种布局方式，教你实现三大方式

进入课程

本课相似问答

6 回答关于盒子的宽度问题

2 回答为什么是检测最后一个盒子，那高度不就是固定了的吗

1 回答main宽度的问题

3 回答为什么我算到的宽度是201？

2 回答main的宽度与clientWidth有什么区别啊？

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

3 回答

本课相似问答

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