0

div コンテンツのオーバーフローがスクロールをトリガーするように、ウィンドウの下部まで伸びる div を作成しようとしています。私はオンラインで div をウィンドウの下部まで伸ばす方法を確認しhtmlまし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 に答える