将div定位在固定大小容器的底部

时间:2012-07-12 17:08:22

标签: html css

我无法找到在容器底部放置div的方法。

我尝试了什么:

position:absolute;
bottom:10px; 

但它显示了底部需要的div,在我需要它的容器外...

我感谢你在这方面的任何帮助。

以下是显示示例的jsfiddle:

http://jsfiddle.net/Gd6JC/

2 个答案:

答案 0 :(得分:2)

将容器设置为position: relative,并确保您尝试放置在容器底部的<div>嵌套在容器内。

http://jsfiddle.net/Wexcode/RdjS3/

答案 1 :(得分:0)

您需要做的就是将规则position: relative添加到包含div。

http://jsfiddle.net/saluce/Gd6JC/1/