三个视频彼此相邻的弹性盒问题

Question

我的目标是让三个视频彼此相邻，我的方法是使用 Flexbox。

问题是，当视口宽度发生变化时，在每 +/- 3 个像素上，其中一个视频不会占据其所在 div 的完整宽度。我尝试了几种方法，例如将视频的宽度设置为 100%但还是不行。

避免该列出现的优雅方法是什么？在提供的代码中，它位于中间视频的右侧，呈绿色，只需稍微调整页面宽度，您就会看到它

Answer 1

只需给 body 赋予 margin:0 即可。它会自动修复。