Css 如何对齐a<;ol>;到容器底部<;部门>;?

Css 如何对齐a<;ol>;到容器底部<;部门>;?,css,Css,我有以下资料: ol.progress-tracker { margin: 0; padding: 0; list-style-type: none; /* position: absolute; bottom: 0px; */ } 如果我尝试注释代码,它会弄乱我的其他样式,我不知道为什么。有没有另一种方法可以以响应性设计友好的方式将其推向底部?我的小提琴在这里: 如果绝对定位块元素,它将失去水平使

我有以下资料:

ol.progress-tracker {
        margin: 0;
        padding: 0;
        list-style-type: none;
    /*
    position: absolute;
    bottom: 0px;
    */
        }
如果我尝试注释代码,它会弄乱我的其他样式,我不知道为什么。有没有另一种方法可以以响应性设计友好的方式将其推向底部?我的小提琴在这里:


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

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

你的小提琴不行。例如,您的html代码没有
#浏览器主体
.Linus-演示问题时需要这样做吗?凯尔:是的,我有。即使我试着拉小提琴,琴杆也不会被推倒。这取决于你的问题。例如,容器div上的
位置:relative
被忽略。啊,我明白了。谢谢你提供的信息。@linusCaldwell JSFIDLE会处理的。谢谢Linus-我刚刚指定宽度为100%,它的外观/感觉恢复了,但不再居中。我已经为ol显示了内联块,为父div显示了文本对齐中心,知道为什么吗?擦掉它-我指定了底部和左侧位置,并将其对齐。我感谢你的帮助!