Question

我在另一个div里面有一个div。我需要从容器div中拉出内部div。我使用了以下代码。如果我在负值中使用margin top，则容器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>

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

Answer 1

而不是margin-top使用top

demo fiddle

top: -10px;

Answer 2

使用relative位置，您应该使用top代替margin-top。

以下是一些demo。

Answer 3

以下是使用fiddle link

更正的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>

Answer 4

你需要在你的Css结构中应用一点改变，并简要介绍一下css中的定位。这个LINK将帮助您获得更多有关定位的知识。

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

这是一个DEMO.

保证金最高负值问题css

4 个答案: