Question

你好我的普通类但是margin-top或margin-bottom不起作用.. 谢谢

＆＃13;

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

＆＃13;

 
<div id="1" class="cl"></div>
<div id="2" class="cl"></div>
<div id="3" class="cl"></div>
<div id="4" class="cl"></div>
......

＆＃13;

Answer 1

你知道这两个元素相互重叠，对吗？所以他们处于同一个位置。你也可以用保证金来定义保证金最高点和保证金最低点。你想达到什么目的？

Answer 2

当你已经在声明之前声明了顶部和底部边距时，你不需要在你的CSS中包含margin-top（如果你确实需要的话，也应该在行的末尾有一个分号）。。您的CSS无效。旁注：您的div基于绝对定位相互重叠。不确定这是否是你想要的。

Answer 3

您需要删除＆＃39; position：absolute;＆＃39;保证金不适用于以下职位：绝对＆＃39;

使用以下代码

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

普通类 - css margin-top不起作用

3 个答案: