css - margin top 负值问题 css

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;