显示flex，将div对准其容器的右下角

您可以使用flex end属性来代替位置 align-self: flex-end;

参见下面的代码片段：

.root {
  display: inline-flex;
  background-color: red;
}

.content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  width: 100%;
  background-color: red;
}

.icon {
   align-self: flex-end;
   background-color: yellow;
}

  

    content
  
  

    icon