css - 如何对齐到包含的底部?

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 */ }