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

为什么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;

}

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

你这样设置不对，默认布局是自左向右

• 这篇文章讲的很详细，请看：margin-left是什么意思
• 你还可以看下css参考手册中的 css Properties margin-left

浏览器渲染的规则是自左向右自上而下的，当父元素的宽度大于子元素的盒模型宽度+margin的左右宽度之和的值得时候，浏览器就会默认丢弃right的值