html - div相对重叠

Question

我有 3 个 div。我需要获得这些重叠，但我不能使用绝对定位。我怎样才能做到这一点？我的目标是在响应式布局上工作(不修复像素值)

    <div id="hold" style="background-color: #CCCCCC;padding: 10px">
        <div id="first" style="width: 100px;height: 100px;background-color: red;z-index: 1"></div>
        <div id="sec" style="width: 100px;height: 100px;background-color: greenyellow;z-index: 3"></div>
        <div id="third" style="width: 100px;height: 100px;background-color: #a3dbec;z-index: 5"></div>
    </div>

我使用了以下 CSS。

        #first,#sec,#third{
            margin: 0 auto;
            position: relative;
            top: 0;
        }

Answer 1

设置margin-top:

#sec
{
    margin-top: -100px;
}
#third
{
    margin-top: -100px;
}

http://jsfiddle.net/EPq6Z/