100
<div></div>
div { height: 100vh; }
<body style="height: 100%"> <div style="height: 200px"> <p style="height: 100%; display: block;">Hello, world!</p> </div> </body>
90
body, html { height: 100%; } #right { height: 100%; }
74
position: absolute; top: 0; bottom: 0;
62
<div id="my-div">Hello World!</div>
#my-div { height: 100vh; /* vh stands for view-port height, 1vh is 1% of screen height */ }
51
.left { height: 100vh; width: 50%; background-color: grey; float: left; } .right { height: 100vh; width: 50%; background-color: red; float: right; }
<div class="left"></div> <div class="right"></div>