为什么margin-left就起作用，margin-right就没有改变位置

Question

为什么margin-left就起作用，margin-right就没有改变位置

html代码

 
    <div class="middle_black">
        
        <div class="middle_other">
            <img src="p_imgs/download.png" alt="">
        </div>

    </div>
    
  

css代码

.middle_black{
    width: 100%;
    height: 668px;
    background-color: black;
}
.middle_other{
    width: 100px;
    height: 60px;
    background-color: #fff;
    margin-right: 400px;

}

Answer 1

margin-left是根据左边的参照物，如果左边有元素，设置left的节点就会和左侧的元素保持距离
margin-right是根据右边的参照物，如果右边有元素，那么就会将右侧的元素推开一段距离
你的右侧没有元素，所以看不出实际的效果