html - 相对父级底部的绝对位置 div

Question

我试图将“蓝色”放在父容器“绿色”的底部。我试过关注 this answer ，但无法使其正常工作。我希望蓝色 div 位于绿色 div 的底部。

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



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

<div id="green">
	<div id="blue"></div>
</div>

谢谢。

Answer 1

1- 你需要将 position absolute 更改为 #blue 的 absolute，然后在 width auto 之后更改为 width 100%。

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

这是一个适合您的工作示例http://codepen.io/saorabhkr/pen/BoQjvN