0

我正在尝试制作一个延伸到窗口底部的 div，以便 div 内容的任何溢出都会触发滚动。我在网上查看了如何将 div 拉伸到窗口底部，以及所有所说的 makehtml和body都具有height: 100%;. 我已经这样做了，但它仍然不起作用。相关代码如下：

html:

<script type="text/x-handlebars">
  <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
        <a class="btn btn-navbar">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
      </div>
    </div>
  </div>

  {{outlet}}
</script>

<script type="text/x-handlebars" id="tasks">
  <div class="tasklist row-fluid span8 offset2">
    <table class="table table-bordered table-hover">
      {{#each model}}
        {{partial 'tasks/taskListElement'}}
      {{/each}}
    </table>
  </div>
</script>

CSS：

html, body {height: 100%;}

.tasklist {
  height: 100%;
  overflow: scroll;
}
4

2 回答 2

1

您已经将您的标签包含div.tasklist在一个script可能是问题的标签中，它获得了其父级的 100% 高度，即script#tasks. <script>有自己的风格，尝试也应用 100% 高度script#tasks

于 2013-04-02T01:14:55.903 回答
0

你有一个重置的css文件附件吗？如果没有，某些浏览器会默认添加边距或填充，因此您最终会出现间隙。这是它的链接。

http://meyerweb.com/eric/tools/css/reset/

于 2013-04-02T01:02:55.373 回答