Css 如何在blueprint中扩展页面的高度?

Css 如何在blueprint中扩展页面的高度?,css,blueprint-css,Css,Blueprint Css,使用blueprint.css,有没有办法将页面拉伸到页面的高度?我知道如何在纯CSS中实现这一点,但我发现没有任何东西建议如何在blueprint中实现这一点,因此我留下了一个背景,它在页面的一半停止,看起来很糟糕。没有blueprint类用于此,快速grep将显示必要的CSS没有显示在项目中 指南针用一套指南针来控制它。stretch-y将以下CSS添加到元素中: bottom: 0; position: absolute; top: 0; 由于绝对定位元素不与浮动交互,因此需要在div中

使用blueprint.css,有没有办法将页面拉伸到页面的高度?我知道如何在纯CSS中实现这一点,但我发现没有任何东西建议如何在blueprint中实现这一点,因此我留下了一个背景,它在页面的一半停止,看起来很糟糕。

没有blueprint类用于此,快速grep将显示必要的CSS没有显示在项目中

指南针用一套指南针来控制它。stretch-y将以下CSS添加到元素中:

bottom: 0;
position: absolute;
top: 0;
由于绝对定位元素不与浮动交互,因此需要在div中添加一个具有所需背景颜色和适当宽度的元素,即为其指定正确的span类

纯粹的表现型div感觉像是一个黑客,但我更喜欢它的方法

您可能希望包括:

html, body {
    height: 100%;
}
以下是容器的100%高度,因此div的绝对定位发生在容器内部:

min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
甚至可能是这样,尽管可能只需要一个页脚:

<!--[if !IE 7]>
    <style type="text/css">
        #wrap {display:table;height:100%}
    </style>
<![endif]-->

你最后是怎么做垂直拉伸的?