Javascript 是否仍然需要拉伸内联flex中包装的块以匹配父div宽度？

编辑：这就是我想要的效果

如果这个问题的措辞有点奇怪，我很抱歉，但本质上，我在一个div中有两个块（一个div，一个图标），它位于另一个父div中，其宽度根据文本的宽度动态调整。基本上，我希望图标与另一个div保持内联，并且每次父div展开时都右对齐。我怎样才能做到这一点

HTML

.message、.other消息{
边界半径：15px；
填充：10px；
颜色：白色；
最大宽度：50%；
}
.其他信息{
背景颜色：灰色；
保证金：10px自动10px 10px；
}
.留言{
背景颜色：蓝色；
保证金：5px 10px 10px自动；
}
.date、.username{
颜色：rgb（200200200200）；
填充物：5px；
字号：80%；
}
.删除日期和注释{
显示：内联flex；
}
.删除日期和注释>i{
右边距：0；
}
.日期和注释删除>i:悬停{
光标：指针；
}
.date和注释删除>.date{
右边距：自动；
}

没什么
尼西
2021-03-04凌晨3:52
嘿，怎么了？大鼠前庭前庭。斜颈侧位。多奈克猫
达里安米勒88
2021-03-04凌晨3:52

您可以将

宽度：100%

添加到

。删除日期和注释

中，它可以执行您想要的操作

。消息，
.其他信息{
边界半径：15px；
填充：10px；
颜色：白色；
最大宽度：50%；
}
.其他信息{
背景颜色：灰色；
保证金：10px自动10px 10px；
}
.留言{
背景颜色：蓝色；
保证金：5px 10px 10px自动；
}
.日期，
.用户名{
颜色：rgb（200200200200）；
填充物：5px；
字号：80%；
}
.删除日期和注释{
宽度：100%；
显示：内联flex；
}
.删除日期和注释>i{
右边距：0；
}
.日期和注释删除>i:悬停{
光标：指针；
}
.date和注释删除>.date{
右边距：自动；
}

没什么
尼西
2021-03-04凌晨3:52
嘿，怎么了？大鼠前庭前庭。斜颈侧位。多奈克猫
达里安米勒88
2021-03-04凌晨3:52

能否添加所需图像？这有点令人困惑。我在

数据和注释删除

元素上做了

width:100%

，但我认为这不是你想要的。比如？@Desifor我添加了我想要的图像，希望这能让它变得清晰一点。@ZohirSalak就快了！但我希望日期与我刚添加到帖子中的图像左对齐，图标与右对齐。@DarienMiller Remove

align self:flex end我添加到
。删除日期和注释
页边距右侧：自动
您在
.date和comment remove>上的操作。date
已经完成了该操作