CSS와 jeet를 사용하여 절대적으로 위치가 지정된 자식과 함께 부모 전체 화면 div를 성장시키는 방법은 무엇입니까?

Question

I는 fullscreened DIV 내부 사업부 위치과 같이 할 http://jeet.gs에서 정렬()를 사용하고 있습니다 :

.fullscreened 
    position relative 
    display block 
    height 100% 
    width 100% 
    height auto 
    width 100vw 
    margin 0 
    min-height 100vh 

.aligned 
    background-color white 
    align() 
    height auto 

내 문제는 자식이 전체 화면보다 큰 경우 부모 DIV가 (크기의 크기를 조정하지 않는다는 것입니다 부모의).

문서 작성자는 align()이 "컨테이너에 상대적인 블록을 위치와 정렬 : 절대적이고 멋진 위치 지정 및 변환"이라고 말합니다. 내 걱정은 "절대 위치 요소는 흐름에서 제거되어 다른 요소에 의해 무시됩니다"(c)입니다. 따라서 논리적으로 상위 전체 화면 div는 하위 크기만큼 커지지 않습니다.

순수 CSS에서이 문제를 해결할 방법이 있습니까? 아니면 jeet를 사용하여 javascript로 수정해야할까요? http://codepen.io/anon/pen/bxgyd

이 좋은 디자인 :

나는 그들 내부의 함량이 너무 큰 경우 여기처럼 전체 화면보다 더 큰에 크기를 전체 화면 컨테이너를 가지고있다 달성하기 위해 노력하고 무엇입니까?

Answer 1

Jeet 작성자/관리자가 여기에 있습니다.

는 여기보다 큰 뷰포트 용기의 내부에 정렬 된 요소의 예 : http://codepen.io/corysimmons/pen/xpHuE

은 더 이상 질문이 있으면 알려주세요. =)