如何将<ol>对齐到包含<div>的底部？</div> </ol>

Question

我有以下内容：

ol.progress-tracker {
        margin: 0;
        padding: 0;
        list-style-type: none;
    /*
    position: absolute;
    bottom: 0px;
    */
        }

如果我尝试注释代码，它会弄乱我的其他样式，我不知道为什么。还有另一种方法可以以响应式设计友好的方式将这个东西推到底部吗？我的小提琴在这里：

http://jsfiddle.net/4mABB/

Answer 1

如果你绝对定位一个块元素，它会失去它水平使用整个空间的默认属性。您必须自己指定宽度：

ol.progress-tracker { width: 300px; /* or whatever */ }