Question

我在页面中有一个div。现在，当我将其位置指定为绝对位置并给出其margin-left == 20px：

时

我理解。 div元素应向右移动20 px，以便在div和body之间存在0p 20px的边距。

现在，当我从右侧提供20px的边距时，不应该整个div向右侧移动，与身体间隙为20px。

.container{
position: absolute;
background-color:gray;
margin-right: 50px; 
height: 200px;
}

我知道我可以给出div左右两侧的值。但真正的问题是保证金留下工作但保证金权利不行！这是什么原因？帮助赞赏！

Answer 1

您所寻找的margin-right不是right

请从我的小提琴更新中看到： JSFIDDLE right

如果您希望它位于屏幕底部，请添加bottom

尝试这个更新的小提琴： JSFIDDLE bottom

Margin-right不起作用，因为它会将margin添加到div区域本身，而right是位置值。

如果查看box model，它会显示添加保证金的位置。因此，保证金实际上用于从其他物体周围提供盒子空间。

Answer 2

margin-left有效，因为默认情况下该框与左边对齐：;属性。设置右边：;财产比你可以设置一个合适的保证金。但到目前为止，我只能在绝对定位的元素上设置左边距或右边距。因此，你可以只使用左或右，不需要边距。如果你弄清楚如何同时设置左右边距，请发布!!!