溢出：滚动没有在IE和FF

工作表中包含的div我有这应该是一个基于百分比高度一个div。它包含了一个表，并在窗口太短，在div应该有一个滚动条来查看表中的内容。它在Chrome中看起来很正确，但在IE和FF中，div的最小高度就是它包含的表的高度。溢出：滚动没有在IE和FF

这里是一个的jsfiddle： http://jsfiddle.net/Y8Xyb/

下面是HTML：

<div class="outerDiv"> 
    <table class="outerTable"> 
     <tr> 
      <td class="header">Title 
       <table class="innerTable"> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
        <tr> 
         <td class="data">User info</td> 
        </tr> 
       </table> 
      </td> 
     </tr> 
    </table> 
</div>

这里是CSS：

.outerDiv{ 
    border: thin solid black; 
    height:90%; 
    overflow:scroll; 
}

为响应民众下面张贴，即使经过加入

HTML，身体{ 身高：100％; }

股利仍然需要在IE和FF表的整个高度。

来源

2014-03-26 user1469779

这是一个经典的问题 - 的高度是文档的基本90％，而该文件又开心地比窗口高。该解决方案通常工作 - 该文件设置为窗口see it working on JSFiddle的高度：

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

.outerDiv{ 
    border: thin solid black; 
    height: 90%; 
    overflow: auto; 
}

来源

2014-03-26 16:37:19 Fenton

您需要包括css设置hmtl和body标签，以引用的视消耗的页面高度的100％父容器：

CSS：

html, body { 
    height: 100%; 
}

更新JSFiddle

来源

2014-03-26 16:38:38 Tanner

看起来完全在Chrome和FF相同的我，使我的期望。当你给的东西的90％的高度，它会寻找其父的高度，因此它可以制定出什么高度给它。在你的情况下，父亲是一个没有固定高度的HTML文件，因此浏览器无法计算什么90％这个高度是

来源

2014-03-26 16:40:05

溢出：滚动没有在IE和FF

回答

相关问题