在div的底部创建文本

Question

如何在div的底部制作文本框。我试过这个：

dd{
position: relative;
bottom: 0;
width: 100%;
}

但它不起作用。 jsfiddle

Answer 1

您必须使用position: absolute;

您必须将父div设置为position: static;之外的其他内容，例如position: relative;

Answer 2

将relative位置更改为absolute。

Answer 3

你的sintaxis中有错误，你错过了'px'属性中的bottom和要引用的height，position可能是相对的或不依赖于对象的位置

 dd{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 210px;
}

这是正确的代码： Live CODE http://jsfiddle.net/gdxucte6/3/