1

我尝试使用 margin-bottom 定位 div 元素。由于某种原因，margin-bottom 似乎不会影响元素的位置。我尝试寻找答案，尽管所有答案都与 相关position:absolute，但我仍然无法让它发挥作用。

但是，我确实设法使用负边距顶部来定位它，但我仍然很想知道是什么导致它不起作用。

这是显示 HTML/CSS的小提琴。
（我说的是图像。margin-bottom 设置为 100px。）

4

4 回答 4

1

尝试将位置绝对属性放在具有“productImage”类的 DIV 中。像这样，例如：

.productImage {
    display: block;
    float: left;
    position: absolute;
    left: 450px;
    top: 60px;
}

使用这个我已经成功地操纵了图像。我希望它可以帮助你。

于 2012-06-14T18:29:03.163 回答
0

考虑添加display: block.

于 2012-06-14T18:07:47.653 回答
0

仅当元素以某种方式通过底部定位时，底部的边距才有效。现在，它的定位基于其顶部，并且由 H1 设置。如果您不希望 H1 成为一个块，请将其设置为display:inline-block. 您还可以将宽度设置为段落的宽度。

正如您所指出的，这就是负边距顶部起作用的原因。

于 2012-06-14T18:16:08.433 回答
0

使用以下方法之一：

  • 负数（或只是更小）margin-top
  • position: relative和一个否定的top

进一步说明：

在正常的文档流中，margin-bottom 只会影响后面元素的位置，因为正常的块级元素会随着子元素的高度而扩展它们的高度。因此，元素的位置由它之前的元素以及它自己的 margin-top 决定。

于 2012-06-14T18:31:21.350 回答