Html 如何制作堆叠条形图？

我必须用

DIV

s和

SPAN

s实现一个快速n脏堆叠条形图，此时我脑海中的想法是这样的：

5.
4.
3.
2.
1.

我将使用div而不是span，并给出div的高度，否则它们将不会显示。如果希望div水平排列，则设置float:left

我将使用div而不是span，并给出div的高度，否则它们将不会显示。如果希望div水平排列，则设置float:left

看起来您的跨度上缺少了一个“display:block；”。但无论如何，使用列表可以说更具语义，您所需要做的就是设置宽度和颜色

---

看起来您的跨度上缺少了一个“display:block；”。但无论如何，使用列表可以说更具语义，您所需要做的就是设置宽度和颜色

---

感谢您迄今为止提出的所有建议。我已经设法让它看起来像这样：与@Vinnyq12的建议（即divs）。感谢所有的建议到目前为止。我设法让它看起来像这样：通过@Vinnyq12的建议（即divs）。

div>span
{
float: left;
border: 1px solid yellow;
background-color: green;
text-align: center;
}