为什么我的div不响应底部和左边

Question

我在另一个div里面有一个div.我希望它放在红色框的左下角,但它没有响应:bottom:0; left:0;.

这是绿箱子.

的jsfiddle

编辑: 我很忘记了.

Answer 1

.portfoliotekst {
    padding-top:1px;
    top:0;
    width:300px;
    height: 340px;
    background-color:red;
    position:relative; /* add this to specify its position */
}
.viewwebsite {
    text-align:center;
    bottom:0;
    left:0;
    margin-top:50px;
    line-height:56px;
    width:200px;
    background-color:#81b63a;
    position:relative;
    font-size:14pt;
    position:absolute; /* add this to specify its position wrt its parent */
}

演示