セクション1/2の背景色をフルスクリーンにするにはどうしたらいいですか？

Question

セクション1/2の全画面を背景色にする方法はありますか？

http://codepen.io/ldocherty1/pen/KWGWxz

<div id="sections"> 

     <div class="section one"> 



     <a href="#section two"> <i class="fa fa-angle-down" style="font-size:100px;"></i></a> 



     </div> 
     <div class="section two"></div> 
    </div> 

Answer 1

あなたは、ビューポートの高さため、このスタンドをVHlength unit in CSSを使用したいとビューポートの幅の略で、その対応vwもあります。

これらとの簡単な例は次のようになります。

CSS：

div { 
    display:block; 
    height: 50vh; 
    background-color:#c00; 
} 

HTML：私はあなたに絶対的に与えることはできません

<div> 
This div will take up 50% height of the viewport that contains it</div> 

質問であなたのCSSコードを見ずこの知識を使って、あなた自身でコードを演奏することでもっと学ぶことができます。画面の高さの半分を<div>にするには、単にdiv { height: 50vh; }と設定します。

（あなたはあなたの正確なDOM構造に応じて、他のより複雑なCSSフローのものを、同様min-heightのようなものを設定し、および/または考慮に入れる必要があるかもしれません）