スクロールでフルスクリーンに分割する

Question

スクロールでフルスクリーンにするには？このコードの作品が、scroollbarは表示されません。

HTML：

<div id="full_screen"></div> 

CSS：

#full_screen { 
    position: fixed; 
    width: 100%; 
    height: 100%; 
    left: 0; 
    top: 0; 
    z-index: 10; 
} 

Answer 1

使用overflow:scroll;スクロールを表示します。スクロールのデフォルト動作はoverflow:auto;です。ここで

#full_screen { 
 
    position: fixed; 
 
    width: 100%; 
 
    height: 100%; 
 
    left: 0; 
 
    top: 0; 
 
    z-index: 10; 
 
    background:red; 
 
    overflow:scroll; 
 
} 
 
.content{ 
 
    width: 1000px; 
 
    height: 1000px; 
 
}

<div id="full_screen"><div class="content"></div></div>

Answer 2

<div id="full_screen"></div> 

更新CSSです。 div＃フルスクリーンのコンテンツが画面に表示できる以上に大きくなると、スクロールが表示されます。

#full_screen { 
position: fixed; 
width: 100%; 
height: 100%; 
left: 0; 
right:0; 
bottom:0; 
top: 0; 
z-index: 10; 
overflow-y: scroll; 

}