2

我正在使用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() 确实“将块相对于其容器与位置对齐：绝对和花哨的定位和变换。” 我担心的是“绝对定位的元素会从流中删除，因此被其他元素忽略”（c）。因此，从逻辑上讲，父级全屏 div 不会随着子级的大小而增长。

有没有办法在纯 CSS 中解决这个问题，还是我必须将其称为使用 jeet 并使用 javascript 修复的缺点？

我想要实现的是让全屏容器在其中的内容太大时调整为大于全屏，如下所示：http: //codepen.io/anon/pen/bxgyd

这是一个好的设计吗？

4

1 回答 1

0

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

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

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

于 2014-06-10T15:41:13.440 回答