避免带有背景视频的水平滚动条答案

【问题标题】：Avoid horizontal scroll bar with background video避免带有背景视频的水平滚动条
【发布时间】：2016-09-21 03:58:34
【问题描述】：

我正在后台 div 中播放视频。它旨在覆盖 100% 的屏幕，但它覆盖的范围不止于此，并创建了一个水平滚动条。如何修复此 CSS 使其覆盖屏幕但不提供滚动条？非常感谢。

video#bgvid { 
    position: absolute;
    top: 50%;
    left: 50%;

    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url() no-repeat;
    background-size: cover;
}

【问题讨论】：

overflow:hidden; 在父节点上
你会想，但那行不通。你可以在monster.hexiawebservices.co.uk查看它
但将最大宽度设置为 100% 似乎有效
看起来你已经修好了！

标签： css

【解决方案1】：

将overflow:hidden; 添加到元素

http://www.w3schools.com/cssref/pr_pos_overflow.asp

编辑：

video#bgvid {position: fixed;}
.about-us {overflow: hidden;}

【讨论】：