html - 使 block 元素占用空间

Question

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

希望红色 div 占据顶部空间。如何让红色 div 占据空间而不一定使用负 margin-bottom 将其向上推？。

Answer 1

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

技巧是添加position:relative to container div, position absolute to red 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;
}