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

关于浏览器拉宽后的bug

好像有点bug啊~拉宽浏览器后再滚动图片显示就会有各种重叠..拉窄不会有问题，打印的cols数值是正确的但是页面并没有更新cols，求大神们解答

qq_天空_44

2016-03-20

源自：瀑布流布局 2-5

关注问题我要回答

1117

操作

收起

3 回答

zhend 回答被采纳 +3 积分
2016-03-21

我已经解决了，主要是应为在拉宽浏览器的时候，某些已经使用了position定位的图片节点不能恢复到第一排，因为第一排不能有绝对定位的样式，所以在判断不是第一排加绝对定位之前要把前面所有设置过的样式全部清零，如图所示，我已经完美解决了！

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

收起回答

zhend

如果全部清零可能会拖慢性能，最好设置一个较大的数，如15或者更大一点的就可以了，不用全部清零。

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

qq_天空_44 提问者

非常感谢！

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

西风潇潇

好细心的孩子，厉害！

2016-05-20 回复有任何疑惑可以回复我~

刘一_53707959
2016-09-19

for(var i= 0; i< num ;i++){
boxs[i].style.position="";
}

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

收起回答

刘一_53707959
2016-09-19

这个方法不科学

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

收起回答

0/150

提交

取消

瀑布流布局

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

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

进入课程

本课相似问答

1 回答关于浏览器显示7个盒子

1 回答滚动条和浏览器移动的关系

4 回答关于缩小窗口的bug

2 回答浏览器放大、缩小引起问题

1 回答为什么在Firefox浏览器下会有一块区域重叠，其他浏览器都没有问题

搜索更多本课相关问答

关于浏览器拉宽后的bug

我要回答关注问题

热搜

最近搜索清空

关于浏览器拉宽后的bug

3 回答

本课相似问答

关于浏览器拉宽后的bug