如何使用百分比高度显示表格中div的滚动条

Question

我必须编写一个如下所示的页面，但是，滚动条不会在IE 11和FireFox中显示。 我该怎么办才能解决问题？

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>test</title> </head> <body> <table style="width: 100%; height: 100%;"> <tr> first row </tr> <tr style="height:100%"> <td style="height:100%; width:100%"> <div style="height:100%; width:100%;overflow:auto;direction:rtl"> <div> <table> <%for(int i=0;i<10000;i++){%> <tr> <td><%=i%></td> </tr> <%}%> </table> </div> </div> </td> </tr> </table> </body> </html> 

Answer 1

只需将overflow:auto添加到要在其上显示滚动条的CSS规则即可。

另一种选择是overflow:scroll ，但将显示元素是否需要滚动滚动条，它也同时显示滚动条-垂直和水平-所有的时间，他们是否在时间或没有必要是。 这就是为什么我总是喜欢对溢出值使用auto的原因。

Answer 2

试试这个也许你可以用我做过的这种风格来实现。

的CSS

.scroll {
    height: 30%;
    overflow: auto;
    width: 100%;
    display:block;
}

演示

更新演示