Javascript 纸牌游戏-纸牌相互堆叠

Javascript 纸牌游戏-纸牌相互堆叠,javascript,html,css,Javascript,Html,Css,下面是我想在div上放置(堆栈)卡的代码。但只有第一张卡的位置为-20px,其他所有卡的位置为0px。位置…如何解决它??:( 函数myFunction(){ 对于(j=1;j您是否考虑过将css类设置为一个属性,并将您的定位细节放入其中 x.setAttribute("class", "rClass"); css: 上面的问题已经解决了…现在我想要的是在第一行所有的L Div都应该填充卡片…但是在第二行,除了第一行之外所有的都应该填充…在第三行除了前两个Div之外所有的都应该填充…如何写“f

下面是我想在div上放置(堆栈)卡的代码。但只有第一张卡的位置为-20px,其他所有卡的位置为0px。位置…如何解决它??:( 函数myFunction(){
对于(j=1;j您是否考虑过将css类设置为一个属性,并将您的定位细节放入其中

x.setAttribute("class", "rClass");
css:


上面的问题已经解决了…现在我想要的是在第一行所有的L Div都应该填充卡片…但是在第二行,除了第一行之外所有的都应该填充…在第三行除了前两个Div之外所有的都应该填充…如何写“for loop”来获得这个效果?
x.setAttribute("class", "rClass");
.rClass {
   top:-80px;
   position:relative;
}