当marginLeft工作时，CSS marginTop不能在DIV上工作

Question

  

可能重复：
  Why does this CSS margin-top style not work?

假设我有两个DIV，一个在另一个内（DIV1 - ＆gt; DIV2），我在内部DIV上定义了marginTop属性，它应该在DIV1中移动DIV2。相反，它会将DIV1 和 DIV2移动到顶部的像素数。然而marginLeft在DIV1中正确移动DIV2。

    // DIV1
    var x = document.createElement("div");
    x.style.width = "200px";
    x.style.height = "200px";
    x.style.backgroundColor = "red";

    // DIV2
    var y = document.createElement("div");
    y.style.width = "50px";
    y.style.height = "50px";
    y.style.backgroundColor = "black";
    y.style.marginTop = "10px";
    y.style.marginLeft = "10px"

    document.body.appendChild(x);
    x.appendChild(y);

为什么会这样？

Answer 1

在红色overflow: hidden;上设置<div>应该更正