div into full screen with scroll

Question

How to make a div into full screen with scroll ? This code work but the scroollbar doesn't appear :

html :

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

css :

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

Answer 1

Use overflow:scroll; to show the scroll. Because the default behaviour of scroll is 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>