避免水平滚动条与背景视频

Question

我在后台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;
}

Answer 1

将overflow:hidden;添加到元素

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

修改

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