溢出问题:隐藏

时间:2020-04-24 22:42:18

标签: html css overflow hidden

这是一个非常标准的问题,但似乎其他每个人都有完全相同的问题,那就是该职位没有被标记为亲戚,而我的却是。很简单:

我的主要HTML块是:

<div id="bg_video">
  <video autoplay loop muted>
    <source src="hotlink/background_vid.mp4" type="video/mp4">
</video>
</div>

还有我的CSS:

    video {
      width:100%;
    }
    #bg_video {
      position: relative;
      width:100%;
      height: 100%;
      display: flex;
      overflow:hidden;
      align-items: center;
      justify-content: center;
    }

这是一个HQ视频,因此我想使video元素本身的宽度与页面的长度相同,以防止其一直放大。

0 个答案:

没有答案