div en plein écran avec scroll

Question

Comment faire un div en plein écran avec défilement? Ce travail de code, mais le scroollbar ne semble pas:

html:

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

css:

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

Answer 1

Utilisez overflow:scroll; pour montrer le défilement. Parce que le comportement par défaut de défilement est 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> 

Voici la mise à jour css. Lorsque le contenu du div # plein écran est supérieur à ce qu'il peut contenir à l'écran, le défilement apparaît.

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

}