0

固定ナビゲーションバーでTwitterBootstrapを使用しているので、次のHAMLとCSSがあります。

HAML

%html
  %body
    %header
      .navbar
        ...
    #main-wrapper
      .container
    %footer

CSS

body { 
  padding-top: 60px 
  height: 100%;
}

問題は、これによりページの高さより60px大きい本文が作成されるため、コンテンツを表示する必要がない場合でも、ページに常にスクロールバーが表示されることです。応答動作が正しく機能するためには、60pxのパディングが必要です。

このパディングを維持し、それでも正確に100％の身長を達成する方法はありますか？

4

1 に答える 1

1

あなたはこのようなことを試すことができます：

<body>
  <div style='height: 100%; background:blue;'>
    <div style='height: 60px; background:red;'>
    </div>
  </div>
</body>

囲んでいるdivの高さを100％とし、内部要素を追加してパディングを作成します。

于 2012-11-13T11:47:59.847 に答える