CSS - 位置绝对不是底部

Question

我有以下html：

<div class="container">

<h2 class="title">Title Goes Here</h2>

</div>

用这个css：

.container {

 width: 600px;
 height: 300px;
 position: relative;

}

h2.title {

width: 100%;
background: red;
color: white;
bottom: 0;

}

但是h2并没有出现在底部。我做错了什么？

http://jsfiddle.net/phnezq25/2/

Answer 1

您在position: absolute上忘了<h2> 还要记得删除它的默认边距，否则元素不会完全保留在底部

示例：http://jsfiddle.net/phnezq25/3/

Answer 2

将以下内容添加到您的h2样式

position: absolute;
margin: 0;

此处示例：http://jsfiddle.net/phnezq25/4/