CSS:在div后面居中显示视频，而不影响div整体布局？

要在div后面居中显示视频，而不影响div整体布局，可以使用CSS的flexbox布局和绝对定位来实现。

首先，需要将div设置为flex容器，通过设置display: flex;来实现。然后，将div内的内容分为两个部分：视频和其他内容。可以使用两个子元素来表示，一个用于显示视频，另一个用于显示其他内容。

接下来，给视频元素添加样式，使用position: absolute;将其绝对定位。然后，通过设置left: 50%;和top: 50%;将视频元素的左上角定位到div的中心位置。

为了使视频居中显示，还需要使用transform属性，通过translateX(-50%)和translateY(-50%)将视频元素向左和向上移动自身宽度和高度的一半。

最后，为了不影响div整体布局，可以给视频元素设置z-index: -1;将其放置在其他内容的下方。

以下是示例代码：

HTML:

<div class="container">
  <div class="content">
    <!-- 其他内容 -->
  </div>
  <video class="video" src="video.mp4" controls></video>
</div>

CSS:

.container {
  display: flex;
  position: relative;
}

.content {
  /* 其他内容的样式 */
}

.video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}

这样，视频将在div后面居中显示，而不会影响div整体布局。

腾讯云相关产品推荐：腾讯云点播（https://cloud.tencent.com/product/vod）是一款适用于视频存储、转码、播放的云服务产品，可以满足视频展示的需求。