Question

这是一个在chrome＆amp; amp; FF。它只适用于IE 11 .... 我喜欢以前的IE浏览器

典型的标题/内容/页脚会自动调整页眉/页脚的内容并获取内容的可用空间。

<!doctype html>
<html lang='en'>
<head>
    <style type='text/css'>
         * {padding: 0px;margin: 0px;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box; 
   }
      body {position: absolute; top: 0; left: 0;bottom: 0;  right: 0;}

    .MC_wrapper  {
    display: table;
    height: 100%;
    width: 100%;
    overflow; hidden;
}  
  .MC_header  { display: table-row;height: 1px;}  
  .MC_content {
    display: table;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #30C;
}
   .MC_footer { display: table-row; height: 1px;  }
        </style>
    </head>
<body>
     <div class="MC_wrapper">  
         <div class="MC_header">Hello <br> How are you  </div>
         <div class="MC_content"> 1 </div>         
         <div class="MC_footer">Bye</div>
      </div>                       

</body>
</html>

任何帮助都将不胜感激。

使用IE＆lt; 11的css表对标题/内容/页脚进行黑客攻击

0 个答案: