Div height:100%; with display:table-cell; - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Table Cell

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Table Cell

Description

Div height:100%; with display:table-cell;

Demo Code

ResultView the demo in separate window 

<html>
 <head></head> 
 <body style="position:fixed; top:0px; left:0px;bottom:0px; right:0px;  margin:0px;"> 
  <div style="display : table; width : 100%; height : 100%"> 
   <div style="display : table-row;"> 
    <div style="border:solid; display : table-cell;"> 
    </div> 
   </div> <!--   w w w. j a  v a 2 s.co m-->
  </div>  
 </body>
</html>

Related Tutorials