如何使div低于另一个div

Question

我希望#bluediv下面的#greendiv

该#bluediv有margin-top : -10px; attribute

 <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

可能增加position:absolute对#blue和#green股利和position:relative对#redDIV会做你想要什么,因为我怀疑你需要一个落后另一个.如果他们需要一个接一个,那么也要使用蓝色和绿色的相对定位.