如何使用css移动对象

Question

请帮我把物体移到最上面。我使用了margin-top但没有工作。

CSS

    section#features .center-box{
    display:block;
    background-color:#22a3df;
    transform: rotate(45deg);
    padding:10px;
    width:40px;
    height:40px;
    margin: 0 auto;
    top:13px;
}

HTML

<div class="center-box">
    <i class="fa fa-desktop"></i>
</div>

Answer 1

将父类添加到容器元素，将子类添加到要进一步移动的元素。

.parent{
  position:relative;
}

.child{
  position:absolute;
  top: -10px;
}

Answer 2

您使用的是top而不是margin-top

添加margin-top

section#features .center-box{
    display:block;
    background-color:#22a3df;
    transform: rotate(45deg);
    padding:10px;
    width:40px;
    height:40px;
    margin: 13px auto 0;
}

Answer 3

首先给你的div位置然后用top来定位它：

.center-box{
display:block;
background-color:#22a3df;
transform: rotate(45deg);
padding:10px;
width:40px;
height:40px;
margin: 0 auto;
position:Relative;
top:13px;}