css - 如何将<ol>与包含的<div>的底部对齐？

我有以下内容：

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

如果我尝试注释的代码，则会弄乱我的其他样式，而且我不确定为什么。还有另一种方法可以以响应式设计友好的方式将其推到最低点吗？我的小提琴在这里：

http://jsfiddle.net/4mABB/

最佳答案

如果绝对放置块元素，它将失去其默认属性：水平使用整个空间。您必须自己指定宽度：

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

关于css - 如何将<ol>与包含的<div>的底部对齐？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15511297/