ブートストラップのコンテナ幅エラーカスタムCSS

私はウェブサイトの背景ビデオを作りたいと思っています。私がしていることは何でも、上部と左側に隙間があります。とにかく左の位置の幅を変更しても、エラーは同じです。ウェブサイトから印刷画面を見つけてください。私はCSSとHTMLコードも添付しました。読んでくれてありがとう。ブートストラップのコンテナ幅エラーカスタムCSS

CSS：

header-container { 
    width: 90%; 
    height: 900px; 
    border-left: 1%; 
    border-right: none; 
    position: relative; 
    padding: 20px; 
} 

.video-container { 
    top: 0%; 
    left: 0%; 
    height: 100%; 
    width: 100%; 
    overflow: hidden; 
} 

video { 
    position: absolute; 
    z-index: -1; 
    width: 100%; 
}

HTML：

<div class="header-container"> 
<div class="video-container"> 
<video preload="true" autoplay = "autoplay" loop = "loop" muted> 
    <source src="video/test.mp4" type="video/mp4" > 
    </video> 
</div> 
</div>

https://ibb.co/incNY5

出典

2017-05-09 Anonymous

見ないでください。 http://codepen.io/mcoker/pen/XRZKoX –

これは不透明度を除いて同じです。これは透過性のためです。でも、私が共有した写真と同じです。 –

残念ですが、あなたをフォローしていません。あなたが提供したコードをリンク先のcodepenに入れて、上または左にギャップが表示されないようにします。 –

あなたがheading-containerでpaddingを持っています。それを0pxに設定します。

出典

2017-05-09 23:29:09 noyanc

ありがとうございます。パディングもゼロに設定しました。しかし、私は同じことが、パディングからだと思うが、それはないと思う。 –

これはパディングからのものです。直した。ありがとう –

はい私は感謝をもう一度解決しました –

ブートストラップのコンテナ幅エラーカスタムCSS

答えて

関連する問題