Question

我正在使用带有固定导航栏的Twitter Bootstrap，所以我有以下HAML＆amp; CSS：

HAML

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

CSS

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

问题是，这会创建一个比页面高度大60px的主体，所以我总是在页面上有一个滚动条，即使不需要显示内容。我需要60px的填充，以便响应行为正常工作。

有没有办法保持这个填充并仍能达到100％的身高？

Answer 1

您可以尝试这样的事情：

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

让封闭div的高度为100％，并添加一些内部元素来创建填充。