Html 通用类-css页边距顶部不起作用

大家好，我的普通班，但页边顶部或页边底部不起作用。。 多谢各位

.cl
{
位置：绝对位置；
显示：内联块；
宽度：100px；
高度：100px；
边界半径：4px；
背景#6686a7；
利润上限：150像素
}

……你知道这两个元素相互重叠，是吗？所以他们处于相同的位置。此外，您还定义了页边距顶部和页边距底部，仅使用页边距。你想要实现什么
 如果您在此之前已经声明了上下页边距，那么您不需要在CSS中包含页边距顶部（如果您确实需要的话，该行末尾还应该有一个分号）。否则，您的CSS是有效的。旁注：您的div根据绝对位置相互重叠。不确定这是否是您想要的。
您需要删除“position:absolute；”保证金不适用于“头寸：绝对”

使用下面的代码

.cl{
display: inline-block; 
width: 100px;
height: 100px;
border-radius: 4px;
background: #6686a7;
margin-top:150px}

您的边距工作正常，但当您将位置设置为绝对时，边距没有任何意义。您定义的边距顶部两倍高边距：3em 0 1em 3.6em；我删除了，但再次不起作用当您使用位置
绝对
的
边距
时，您需要知道您的元素将忽略边距，尝试使用
顶部：150px
我想要垂直div的示例div1边距顶部10 div2边距顶部10好的，您可以这样做：
测试2。相同{位置：绝对；显示：内联块；宽度：210px；高度：210px；边框半径：4px；背景：#6686a7；}.c1{margin top:100px；}.c2{margin top:400px；}
在这段代码中，您定义了一个标准类，该类的属性和值在两个元素中都应该相同。类c1和c2定义了两个元素之间的区别。您好，谢谢，但我试过了。我的问题是我有多个div，我无法创建类c1 c2 c3 c4 c5 c6。因为我是动态的创建I并给出一个动态id示例var pageID=page.val（）id=“dynamic”+pageID”您是否考虑过通过for循环将类添加到元素中？在这种情况下，您还可以执行c1..cn并创建一个id值（id=“iterator”）等于iterator大小的新div元素（在循环中定义为变量“i”）。这个id=iterator的元素可以得到一个“c”+i的类。在这里检查这个链接：你在使用JQuery吗？hi margin:3em 0 1em 3.6em；我删除了，但仍然不起作用