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