Javascript 我的div的位置根据其内部信息的长度不断变化

我在div中有一个侧边栏，每当我增加div中信息的长度时，侧边栏就会改变位置。有什么方法可以让我在不考虑信息的情况下将侧边栏固定在适当的位置吗？

你能试试这个吗，我已经通过flex布局完成了。侧边栏不会根据main div的内容更改位置

#主{
背景色：#BED3E5；
覆盖：自动；
显示器：flex；
}
#边栏{
背景色：#efdfbb；
弹性基准：15%；
flex-grow:0；
高度：计算（100vh-50px）；
}

阿斯达斯达斯德

请分享您的代码