html - Comment faire un div 100% hauteur de la fenêtre du navigateur

Mots clés : htmlcssheighthtml

meilleur 5 Réponses html - Comment faire un div 100% hauteur de la fenêtre du navigateur

vote vote

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> 
vote vote

90

body, html {   height: 100%; }  #right {   height: 100%; } 
vote vote

74

position: absolute; top: 0; bottom: 0; 
vote vote

62

<div id="my-div">Hello World!</div> 
#my-div {     height: 100vh; /* vh stands for view-port height, 1vh is 1% of screen height */ } 
vote vote

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>

Questions similaires