css - 如何使div低于另一个div

Question

我想要 #blue div 在 #green div

下方

#blue div 有 margin-top : -10px;属性

 <style>
    #red{
        width: 400px;

        border: 1px solid red;
    }
    #green{
        width: 100%;
        height: 100px;
        background-color: green;
        border-bottom: 2px solid yellow;
        z-index: 2;
    }
    #blue{
        width: 100%;
        height: 100px;
        background-color: blue;
        border-top: 2px solid brown;
        margin-top: -10px;
        z-index: 1;
    }
    </style>


<div id="red">
    <div id="green">
    </div>
    <div id="blue">
    </div>
</div>

Answer 1

可能在 #blue 和 #green div 和 position:relative 上添加 position:absolute #red div 会做你想做的，因为我怀疑你需要一个在另一个后面。如果他们需要一个接一个，那么也可以在蓝色和绿色上使用相对定位。