Question

HTML：

<body>
    <div>
      Div
    </div>
</body>

CSS：

body{
    width: 600px;
    height: 600px;
    background: red;
}  

div{
    width:200px;
    background:blue;
    margin-right:400px;
}

为div提供保证金权利时会发生什么？它有效吗？如何提供更多的保证金权利，如600px。然后会发生什么？

OR 如果您考虑一个完全适合其父级的div，那将会很好。喜欢：

div{
    width:400px;
    background:blue;
    padding: 98px;
    border: 2px solid black;
}

现在给div的margin-right会发生什么？

Answer 1

因为这个属性对两个例子都没有影响！

尝试玩这个fiddle！

`Margin-right` will have effect when you use along with `float:right`

属性并且将从整个div来到400px！

Answer 2

保证金权利本身并没有错。您无法看到保证金权利的影响，因为宽度＆＃39; div的属性导致div的边距与身体右壁的距离超过10px。因此，它会使margin-right属性不会产生任何视觉效果。

为了查看边距右边的效果，请移除宽度属性或将其增加到一个值，该值会使div右边框靠近体墙（或将其附加到体墙）。然后，将margin-right设置为更大的值（以使更改更清晰）。这是修改后的代码（以下代码中唯一的变化就是我删除了width属性以增加div的宽度以占据正文的整个宽度）：

fiddle link

css改变：

body{
    border: 5px dashed blue;
}

div {
    height: 50px;
    border: 2px solid red;
    border-radius: 5px;
    background-color: #308014;
    margin-right:100px;
    /*margin-left:50px;*/
    /*margin-top:10px;*/
    margin-bottom:10px;
}

保证金权利价值超过其父宽度

2 个答案: