为什么保证金权利不起作用，但保证金左，保证金最高和保证金最低？

Question

当我设置margin-right：50px; 我没有看到任何影响，但是当我更换边距时：50px; 保证金左：50px; 或margin-top：50px; 我确实看到了效果。 这是具有保证金权限的代码......

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Max Pietsch homepage</title>
        <style type="text/css">
        .me {
            margin-right: 20px;
        }
        #pic_of_me {
            width: 200px;
        }
    </style>
</head>
<body>
    <div class="me">
        <img id="pic_of_me" src="me.jpg" alt="A picture of me">
    </div>
</body>

Answer 1

默认情况下， Html元素始终在其父元素的左上角分配 。

因此，您的.me被放置在body元素的左上角。

如果你添加一个margin-top或margin-left你的.me “将”自己推离这个角落（这就是你看到它移动的原因）。

如果你在元素的右边/下面添加一个margin-right或margin-bottom其他元素将被“推”掉。

由于元素右侧/下方没有任何元素，因此无法看到此效果。

试试看！

为什么保证金权利不起作用，但保证金左，保证金最高和保证金最低？

问题描述

1 个解决方案

解决方案1
5 已采纳 2015-09-16 02:56:27

为什么保证金权利不起作用，但保证金左，保证金最高和保证金最低？

问题描述

1 个解决方案

解决方案1 5 已采纳 2015-09-16 02:56:27

解决方案1
5 已采纳 2015-09-16 02:56:27