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

Question

我有以下内容:

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

如果我尝试注释代码，它会弄乱我的其他样式，我不确定为什么。有没有另一种方法可以以响应式设计友好的方式将这个东西推到底部？我的 fiddle 在这里:

http://jsfiddle.net/4mABB/

Answer 1

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

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