4

试图了解为什么 IE9-10 会因 IE7、8、FF、WK 都按预期呈现的内容而窒息。

有什么技巧可以让 IE 9-10 正确尊重“表格单元格”的固有高度。（重要提示：由于各种原因，我不能在“单元格”div 上使用 height:100%。）

http://jsfiddle.net/swortis/fCn8Y/

HTML：

<div class="table">
  <div class="row">
    <div class="cell">
      <div class="wrapper">
        <div class="content"></div>
      </div>
    </div>
  </div>
</div>

CSS：

    <style>

      html,
      body {
        height: 100%;
        margin: 0;
      }

     .table {
       display:table;
       height: 100%;
       width: 200px;
     }

    .row {
      display: table-row;
      }

    .cell {
      display: table-cell;
      vertical-align:top;
      }

    .wrapper {
      display:table;
      position: relative;
      height: 100%;
      width: 100%;
      }

   .content {
      position: absolute;
      background: red;
      width: 100%;
      height: 100%;
    }

  </style>
4

0 回答 0