绝对位置div到相对父级的底部

Question

我正在尝试将'blue'放在父容器'green'的底部。我试过跟this answer，但无法让它工作。我希望蓝色div位于绿色div的底部。

select sum(a.balance) as totalbalance, d.customer_name
from account a inner join
     depositor d
     on a.account_number = d.account_number
group by d.customer_name
order by totalbalance desc;

#green {
	position:relative;
	width:auto;
	height:200px;
	background-color:green;
}  



#blue {
	position:absoloute;
	bottom:0;
	height:75px;
	width:auto;
	background-color:blue;
}

感谢。

Answer 1

1-您需要将位置absoloute更改为#blue的绝对值，然后将宽度自动更改为宽度100％。

#blue {
    position: absolute;
    bottom: 0;
    height: 75px;
    width: 100%;
    background-color: blue;
}

以下是您http://codepen.io/saorabhkr/pen/BoQjvN

的工作示例