0

我在另一个 div 中有一个 div。我需要从容器 div 中拉出内部 div。我使用了以下代码。如果我在负值中使用边距顶部，则容器 div 也会随着内部 div 向上移动。我不能position absolute用于一些对齐问题。

代码：

    <div style="background-color:#999999; width:150px; height:300px;">
        <div style="position:relative; width:100px; height:100px; background-color:#006633; margin-top:-50px;"></div>
</div>

如何仅通过相对位置来实现这一目标？

4

4 回答 4

1

而不是margin-top使用top

演示小提琴

top: -10px;
于 2013-09-04T05:26:12.490 回答
0

对于relative位置，您应该使用top而不是margin-top.

这是一些演示。

于 2013-09-04T05:29:59.203 回答
0

这是带有小提琴链接的更正css

<div style="background-color:#999999; width:150px; height:300px;">
        <div style="position:relative; width:100px; height:100px; background-color:#006633; position:relative;top:-50px;left:0;"></div>
</div>
于 2013-09-04T05:30:04.253 回答
0

你只需要在你的 Css 结构中应用一点改变，并对 css 中的定位有一个简单的了解。此链接将帮助您获得更多有关定位的知识。

position:static默认情况下放置 HTML 元素。因此，如果您希望您的内部div与 parent 重叠div，则必须使用 css 属性，这对于元素top来说是理想的。position:relative

这是一个演示。

于 2013-09-04T05:31:46.097 回答