ruby-on-rails - 与 Rails 3.2 和 SASS 一起使用的 CSS 问题

Question

我正在使用 Rails 3.2 建立一个新网站，但我无法让 CSS 使页面占据整个浏览器窗口。但是有一个问题:我无法获得填充页面的高度，它总是只填充必要的高度。

我已经尽了一切可能来实现这一点，我什至使用了与我之前制作的另一个 Rails 站点完全相同的 CSS(使用 Rails 3.0.5，没有 SASS)，但它就是行不通，高度要么没有填满屏幕，要么溢出屏幕，在不应该的时候创建一个滚动条。

也许 SASS 是这里的问题所在？我正在使用一些 mixin 来实现渐变、圆形边框，不要太大。

我目前的 CSS 是这样的(只有重要的部分):

html {
  @include no_space;
  height: 100%;
  display: block;
}

root {
  @include no_space;
  height: 100%;
  display: block;
}

body {
  @include no_space;
  display: block;
  text-align: center;
  /*    top: 0px;*/
  font-family: "Helvetica", Verdana, Arial;
  color: $text_color;
  background-color: $background;
}

.site {
  @include gradient(white, $background);
  height: 100%;
  display: block;
}

no_space mixin 仅包含 2 行，表示边距和填充为 0。

如果我在此处的正文中添加“height: 100%”，页面就会溢出相当于页脚的空间。顺便说一句，.site div 包含实际网站，并且是 body 的子元素，页脚 div 也是 body 的直接子元素。

哦，不，没有其他 CSS 文件干扰我的，我用 Firebug 仔细检查过

Answer 1

您是否尝试过将 body 的高度设置为 100%:

body {
  height: 100%;
}