0

可能重复：
为什么这种 CSS margin-top 样式不起作用？

假设我有两个 DIV，一个在另一个内部（DIV1 -> 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);

在此处输入图像描述

为什么会这样？

4

1 回答 1

2

overflow: hidden;在红色上设置一个<div>应该可以纠正

于 2012-05-08T19:36:32.603 回答