Question

我在IE上面对边缘的奇怪行为。在使用开发人员工具进行调查之后，看起来IE在元素最初和新位置之间创建了空白空间。但是，它看起来像Firefox只是移动元素而不创建空白空间。这是HTML：

<!DOCTYPE html>
<html>
<body>
    <div style="margin-top: 50px;">Hello World</div>
</body>
</html>

这是一张显示我的意思的图片： IE Developer Tools

这是正常行为吗？我该如何避免这个问题？

Answer 1

黄色“空白空间”是顶部边缘占据的空间。如果切换到DOM Explorer右侧窗格的“布局”选项卡，您将看到黄色用于表示边距区域，而Firefox不会以这种方式显示边距。