Javascript 如何系统地指定先列后行排列的待添加框的位置

//定义每个便笺
var Note=React.createClass({
//注释最初未被编辑
getInitialState:函数（）{
返回{编辑：false}
},
//注释放置组件WillMount函数的随机数生成器
随机间隔：函数（最小值、最大值）{
},
//随机确定每个便笺的位置和倾斜
componentWillMount:function（）{
此.style={
右：this.random介于（0，window.innerWidth-150）+“px”之间，
顶部：this.random介于（0，window.innerHeight-150）+“px”之间，
变换：'rotate（'+this.randomBetween（-15,15）+'deg）'
};
}，

div.note{
身高：25%；
宽度：20%；
背景色：#8a3333；
保证金：20px 20px 20px 20px；
位置：绝对位置；
光标：-webkit抓取；
-webkit盒阴影：5px 5px 15px 0 rgba（0,0,0,2）；
盒影：5px 5px 15px 0 rgba（0,0,0,2）；
变换：旋转（-14度）；
颜色：白色；
}