.bar { height: 100%; border-radius: 0px; background-color: #2476d4; color: #fff; justify-content: flex-start; display: flex; font-size: 14px; }怎么把这个类左对齐

在这个类的样式中，`justify-content: flex-start;` 属性实际上是将子元素沿着主轴起点对齐，而不是将整个元素左对齐。

如果你想要让 `.bar` 类左对齐，可以设置 `align-items: flex-start;` 属性，该属性将项目沿着交叉轴起点对齐，从而使整个元素左对齐。

例如：

.bar {
  height: 100%;
  border-radius: 0px;
  background-color: #2476d4;
  color: #fff;
  display: flex;
  font-size: 14px;
  align-items: flex-start;
  /* add other styles as needed */
}

这样就可以让 `.bar` 类左对齐了。