如何讓我的背景顏色爲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; }。

（您可能必須設置之類的東西min-height以及和/或考慮其他更復雜的CSS流事情取決於你的確切DOM結構）