Question

我的html体内有一个div，div属性在css中以这种方式声明：

#container {
    width: auto;
    height: inherit;
    padding: 0;
    overflow: hidden;
    position: relative;
    background-color: #FFFFFF;
}

我尝试了所有高度值，没有按照我的意愿工作。问题是，我正在做一些查询来显示这个div里面的结果。有时候我只会得到1个结果，而另一次只有50个。这就是问题所在。当我只有1时，div上升并显示页面背景（在div后面），而我希望它是白色并占据整个高度，即使只有1个结果。其他时候，当我得到50时，页面的滚动条，不会变得足够大以滚动整个div，并且信息进入div的底部，而无法读取它们。如果我让一个箱子的高度工作，它会搞砸另一个箱子。如何使两件事都有效？我的html页面div是：

<body id="home">
    <div id="container">
        <?php 
            if (isset($_GET['news']))
            {
                include 'news.php';         
            }
        ?>
    </div>
</body>

news.php是我在查询中显示div上的东西的地方。

Answer 1

重点是滚动溢出＃容器 { 宽度：自动; 身高：继承; 填充：0; 溢出：滚动; 位置：相对; background-color：#FFFFFF; }

Answer 2

您始终可以在CSS中将html标记的高度显式设置为100％，然后将容器类设置为您希望填充的屏幕的百分比。应该始终是那个百分比。

希望这能指出你正确的方向。

Answer 3

使用它：

html, body {
    height: 100%;
}

#container {
    height: 100%;
}

如果您希望#container始终贴在页面底部，请使用：

#container {
    position: absolute;
    bottom: 0;
}

创造一个小提琴可能有所帮助。

Answer 4

也许你需要的是：

#container { width: auto; min-height: 100%; height: auto; padding: 0; overflow: hidden; position: relative; background-color: #FFFFFF; }

HTML DIV高度冲突

4 个答案: