css - how to make a full screen div, and prevent size to be changed by content? -

For my web application, I would like to be the main screen full screen (both width and height = 100%), and the content of Regardless, I want it to stay on that size, it means, if there is not too much material, then it should not be removed, and if there is too much material, then this main device should not be suppressed.

How can I do this?

(I'm fine with the hacks applied to this device, as long as this content will keep hack-free)

or even just:

  & lt; Div id = "full size" & gt; Your content goes here & lt; / Div & gt;  

  html, body {margin: 0; Padding: 0; Height: 100%; Width: 100%; } #fulit-shaped {height: 100%; Width: 100%; Hidden flurry; / * Or overflow: auto; If you want scrollbar / <>  

(HTML can be set like body .. account for minor discrepancies in 95% -99% or some such margin, Etc.)