Question

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

＆＃13;

<!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>

＆＃13;

Answer 1

只需将function getItems(callback) { database.query('SELECT * from items', function(result){ result.forEach(function(item){ request.post('/api/', item, function(req, res) { //finished posting item }); }); }); //callback here doesnt wait for calls to finish }添加到CSS规则，该规则适用于您要在其上显示滚动条的任何元素。

另一个选项是overflow:auto但是这将显示滚动条是否需要滚动元素，并且它还始终显示两个滚动条 - 垂直和水平 - 是否他们当时是否必要。这就是为什么我总是喜欢使用overflow:scroll来表示溢出值。

Answer 2

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

CSS

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

DEMO

更新DEMO

如何使用百分比高度

2 个答案: