0

私はつい最近、ブートストラップを調べ始めました。非常に単純なページを作成しましたが、コンテンツのサイズに合わせて折り返すのではなく、ウィンドウ全体を使用したいと考えています。私は Webkit ブラウザに注目しています。コンテンツがページの高さと幅の 100% を占めるようにしたい。幅は既に設定されていますが、高さの 100% を取得すると問題が発生します。

Stack Overflow の同様の質問から次の解決策を試しました。

  html{
    min-height: 100%; /* real browsers */
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treated as min-height*/
  }
  body {
    background-color: #FFF;
    margin: 0;
    padding: 0;
    min-height: 100%; /* real browsers */
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treated as min-height*/
  }

しかし、それは効果がありません。

これ：

  html{
    height: 100%;
  }
  body {
    background-color: #FFF;
    height: 100%;
  }

スペースを取りすぎます - 高すぎてスクロールバーが表示されます。

目標を達成するにはどうすればよいですか？

完全なコードはこちら: https://gist.github.com/LucasSeveryn/d1590bcafbf6e23b1239

4

3 に答える 3

1

height: 100%解決策はプロパティで使用することだと思いoverflow: scrollます。

于 2013-06-01T08:14:48.823 に答える