ruby-on-rails - 100% 车身高度，带 Twitter Bootstrap 和固定导航栏

Question

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

HAML

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

CSS

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

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

有什么方法可以保持这种填充并仍然达到 100% 的身高？

score 1 · Accepted Answer

你可以尝试这样的事情：

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

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

1 回答 1