Javascript 为什么视频网格在html中移动聊天网格

嘿，伙计们，我正在用html实现一个基于视频通话的应用程序。到目前为止，我已经处理了所有的情况，但主要的问题是，当新成员加入通话时，窗口会随着聊天一起移动。我需要的是聊天应该是僵硬的，不应该移动。视频窗口应该向左滚动

此外，我如何将视频调整为33或44或8*8类型的网格

视频网格{ 显示器：flex； 证明内容：中心； 填充：5px； } 录像带{ 高度：300像素； 宽度：400像素； 对象匹配：覆盖； } .主聊天窗口{ 柔性生长：1； 溢出y：滚动； } .主要视频{ 柔性生长：1； 背景色：黑色； 显示器：flex； 证明内容：中心； 对齐项目：居中； 填充：10像素； } .main_uu左{ 弹性系数：0.8； 显示器：flex； 弯曲方向：立柱； } .main___右{ 弹性：0.2 }

哑巴
停止录像
安全
分享
聊天
离开会议
聊天

如果您愿意，解决方案就在这里：

*{
保证金：0；
}
html，正文{
身高：100%；
宽度：100%；
}
梅因先生{
显示器：flex；
弯曲方向：行；
身高：100%；
}
#视频网格{
显示器：flex；
证明内容：中心；
填充：5px；
}
录像带{
高度：300像素；
宽度：400像素；
对象匹配：覆盖；
}
.主聊天窗口{
柔性生长：1；
溢出y：自动；
}
.主要视频{
柔性生长：1；
背景色：黑色；
显示器：flex；
证明内容：中心；
对齐项目：居中；
填充：10像素；
}
.main_uu左{
弹性系数：0.8；
显示器：flex；
弯曲方向：立柱；
最大高度：100vh；
溢出：自动；
}
.主聊天窗口{
柔性生长：1；
}
.main___右{
flex:0.2；
显示器：flex；
弯曲方向：立柱；
最大高度：100vh；
}

哑巴
停止录像
安全
分享
聊天
离开会议
聊天

如果您愿意，解决方案就在这里：

*{
保证金：0；
}
html，正文{
身高：100%；
宽度：100%；
}
梅因先生{
显示器：flex；
弯曲方向：行；
身高：100%；
}
#视频网格{
显示器：flex；
证明内容：中心；
填充：5px；
}
录像带{
高度：300像素；
宽度：400像素；
对象匹配：覆盖；
}
.主聊天窗口{
柔性生长：1；
溢出y：自动；
}
.主要视频{
柔性生长：1；
背景色：黑色；
显示器：flex；
证明内容：中心；
对齐项目：居中；
填充：10像素；
}
.main_uu左{
弹性系数：0.8；
显示器：flex；
弯曲方向：立柱；
最大高度：100vh；
溢出：自动；
}
.主聊天窗口{
柔性生长：1；
}
.main___右{
flex:0.2；
显示器：flex；
弯曲方向：立柱；
最大高度：100vh；
}

哑巴
停止录像
安全
分享
聊天
离开会议
聊天

在问题中添加点并粘贴html。是否希望聊天室右侧，视频屏幕左侧？在问题中添加点并粘贴html。是否希望聊天室右侧，视频屏幕左侧？