html - 如何使用 CSS 和 jeet 使父级全屏 div 与绝对定位的子级一起成长？

Question

我正在使用 http://jeet.gs 中的 align()将 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() 会“将 block 相对于它们的容器与位置对齐:绝对和奇特的定位和转换”。我担心的是“绝对定位元素从流程中移除，因此被其他元素忽略”(c)。因此，从逻辑上讲，父级全屏 div 不会随着子级的大小而增长。

在纯 CSS 中是否有解决此问题的方法，或者我是否必须将其称为使用 jeet 并使用 javascript 修复的缺点？

我想要实现的是让全屏容器在内容太大时调整到比全屏更大的大小，如下所示:http://codepen.io/anon/pen/bxgyd

这是一个好的设计吗？

Answer 1

Jeet创建者/维护者在这里。

这是一个元素在大于视口(viewport)的容器内对齐的示例:http://codepen.io/corysimmons/pen/xpHuE

如果您还有其他问题，请告诉我。 =)