利用css中的flex盒子模型+ div标签设置四组柱状图

我现在遇到的问题是设置了align- items：flex- end也没有起底排，悬浮在中间位置的，以及各柱状图的其他组的颜色也不会弄

这是全部我写好的代码，我知道div里面一般不使用p标签，那么可以使用什么呢？（必须要用div写）

div给个高度，还有，div里面是可以用p标签的

div{
  height:300px
}

.box{
  position: absolute;
  bottom: 0px;
}