Question

在我的页面上，我希望使主体至少为视口的100％（即，当内容非常少时），但要随着内容的增加而增加内容的高度。

现在我已经完成

private fun getConfig(classLoader: ClassLoader): ConfigurationBuilder {
    val config = ConfigurationBuilder().setUrls(ClasspathHelper.forClassLoader(classLoader))
    //                .setScanners(SubTypesScanner(false), ResourcesScanner())

    if (!packagePath.isNullOrBlank()){
        System.out.println("looking in package [$packagePath]")
        config.filterInputsBy(FilterBuilder().include(FilterBuilder.prefix(packagePath)))
    }

    config.addClassLoader(classLoader)
    config.setScanners(SubTypesScanner(), TypeAnnotationsScanner())

    return config
}

但是，如果内容增加，则主体仅保留视口高度的100％，而不会占据内容的高度。

该如何解决？

Answer 1

body { min-height: 100vh; }就是您所需要的。

Answer 2

html {
    height:100%;
}

body {
    min-height:100%;
    overflow-y:auto;
}

这应该可行。

Answer 3

使用CSS可以使用“ vw”单位。只需将车身的，宽度，高度，最小宽度和最小高度分别设置为100vw / vh；您也可以指定“ box-sizing”：“ border-box”，其中应在宽度和高度上包括边距和填充 2.如果您对CSS结果不满意，可以随时使用javascript。您必须编写一个函数，以将视口的宽度和视口的高度赋予人体的高度和高度，使用jquery，您可以做到

$（window）.width（）; //文档宽度 $（document）.width（）; //文档宽度

相同的文件应与高度配合使用，在文档准备就绪时调用此函数

如何使身体以100％的最小身高和身高为自动

3 个答案: