如何把第一个div放到最大高度？

Question

我有一个带有两个div的div“.container”：第一个“.blue”和第二个“.green”。 我将绿色div固定在底部-0，但是我需要将第一个div蓝色放到绿色div的背板上。

http://jsfiddle.net/washington_guedes/k959kmqd/

---

的CSS：

.container{
    position: relative;
    width: 100%;
}
.blue{
    position: relative;
    width: 100%;
    background-color: #acf;
}
.green{
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 250px;
    background-color: #bfb;
}

---

HTML：

<!-- some divs before -->
<div class="container">
    <div class="blue">Blue</div>
    <div class="green">Green</div>
</div>

Answer 1

你可以将div设置为绝对位置然后玩你需要做的任何事情：

.container{
    position: relative;
    width: 100%;
}

.blue,
.green {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 250px;
}

.blue{    
    background-color: #bbf;
}

.green{ 
    background-color: #bfb;
    top: 250px;
}

相互重叠http://jsfiddle.net/vfpzbj9q/

Div重叠http://jsfiddle.net/wkkyoz0h/