청사진에서 페이지의 높이를 확장하는 방법은 무엇입니까?

Question

blueprint.css를 사용하면 <div>을 페이지의 높이까지 늘릴 수 있습니까? 나는 순수한 CSS로 그것을하는 방법을 안다. 그러나 내가 발견 한 것은 청사진으로 그것을하는 방법을 제안하지 않는다. 그래서 나는 페이지가 내려 앉는 배경 (끔찍한 것)을 가지고있는 <div>을 남겼다.

Answer 1

이것에 대한 청사진 클래스가 없으며 빠른 grep은 필요한 CSS가 프로젝트에 나타나지 않는다는 것을 보여줍니다.

나침반은 stretch mixins 세트로 처리합니다. (예를주는 절대 위치 요소가 수레와 상호 작용하지 않기 때문에

bottom: 0; 
position: absolute; 
top: 0; 

, 당신은 당신이 원하는 background-color하고 적절한 width와 div에  가 필요합니다 stretch-y는 요소에 다음 CSS를 추가 오른쪽 스팬 - # 클래스).

순수하게 표현적인 div는 해킹처럼 느껴지지만 나는 Faux Column 방법보다 더 낫습니다.

당신은 포함 할 수 있습니다 :

html, body { 
    height: 100%; 
} 

을하고, 그것을 100 % 높이를주고 그래서 사업부의 절대 위치가 내부에 발생하는 컨테이너에 대해 다음 :

min-height: 100%; 
height: auto !important; 
height: 100%; 
position: relative; 

및 어쩌면이 IE hack 일 수도 있지만, 꼬리말이 필요할 수도 있습니다.

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