Css 如何在blueprint中扩展页面的高度?
使用blueprint.css,有没有办法将页面拉伸到页面的高度?我知道如何在纯CSS中实现这一点,但我发现没有任何东西建议如何在blueprint中实现这一点,因此我留下了一个背景,它在页面的一半停止,看起来很糟糕。没有blueprint类用于此,快速grep将显示必要的CSS没有显示在项目中 指南针用一套指南针来控制它。stretch-y将以下CSS添加到元素中: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中
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]-->
你最后是怎么做垂直拉伸的?