Question

我正在尝试使用HTML和CSS创建堆积条形图。

示例1

此示例显示与顶部对齐的堆叠条。但是，它们应该与底部对齐。

错误的解决方案

我添加了position: absolute; bottom: 0以将条形对齐到底部。但是，它们重叠。它们应该叠在一起。除了flexbox之外的任何其他解决方案（我必须支持IE9）？

Answer 1

添加display：list-item;做你的工作。

.bar-container {
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 300px;
    display:list-item;
}