使块元素占用空间

Question

我有一些块元素，我堆叠了一个块比其他块http://jsfiddle.net/thiswolf/ct7aA/2/show/

更长

希望红色div占据顶部的空间。我如何让红色div占用空间而不必使用负margin-bottom来推动它？

Answer 1

更新了jsfiddle http://jsfiddle.net/ct7aA/3/

Trick是添加位置：相对于容器div，并将绝对位置设置为红色div

.top_div{
    border:1px solid red;
    position:relative;
}

.red{
    width:200px;
    height:40px;
    display:block;
    background-color:red;
    margin-left:40px;
    position:absolute;
    top:0;
}