Как сделать так, чтобы родительский полноэкранный div рос с абсолютно позиционированным ребенком, используя CSS и jeet?

Question

Я использую align() из http://jeet.gs/ чтобы расположить div внутри полноэкранного div, вот так:

.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() выполняет "выравнивание блоков относительно их контейнера по позиции: абсолютное и причудливое позиционирование и преобразование". Меня беспокоит то, что "элементы с абсолютным позиционированием удаляются из потока, поэтому другие элементы игнорируются" (с). Поэтому, по логике, родительский полноэкранный div не будет расти с размером дочернего элемента.

Есть ли способ обойти это в чистом CSS или я должен назвать это недостатком использования jeet и исправить с помощью javascript?

Я пытаюсь достичь полноэкранных контейнеров, размер которых больше, чем у полноэкранного, когда содержимое внутри них слишком велико, как здесь: http://codepen.io/anon/pen/bxgyd

Это хороший дизайн?

Answer 1

Джит создатель / сопровождающий здесь.

Вот пример элемента, выровненного внутри контейнера больше, чем область просмотра: http://codepen.io/corysimmons/pen/xpHuE

Позвольте мне знать, если у вас есть еще вопросы. знак равно