html - 无法使用 CSS 将 div 定位到底部 0px

Question

我试图将我网站上的一个 div 定位到底部 0px。请看下面的代码。这个位置为 0px 的 div 包裹在另一个 div 中。

这是 HTML

<div class="top-wrap">
    <div class="clearfix top-cleafix">
        <div class="test">
            Test
        </div>
    </div>
</div>

这是 CSS

.clearfix{
    width: 960px;
    margin-left: auto;
    margin-right: auto; 
}

.top-wrap{
    height: 341px;
    background: #F00;
    width: 100%;    
}

.top-cleafix{
    height: 100%;
}

.test{
    bottom: 0px;    
}

Answer 1

添加

   position:absolute;

或

   position:relative;

基于内容