Html 页面内容分区和最小高度

我的网站目前所有页面都有这样的总体布局：

<?php
include "head.php";
?>
<title></title>
<?php
include "top.php";
?>
<div class="mainbody">
</div>
<?php
include "bottom.php";
?>

---

除最低高度外，每一条线都有效。我无法让它工作。

将最小高度的值以像素为单位

min-height: 400px;

这是一把小提琴给你看

添加

要实现这一纯css，您需要向主体添加一些css，如下所示

 body {position:absolute; height:100%; width:100%; overflow:visible; }
 #content { background-color:#cccccc; min-height:80%; }

---

你清除浮标了吗？您说过内容是浮动的，它会导致主体div不展开

---

您还可以使用粘性页脚技术，如。网页上几乎没有粘性的页脚片段，只需选择最适合您的内容即可。：）

我很害怕。这不会给移动用户带来问题吗？根本就没有办法让百分比发挥作用吗？我不明白它对移动用户来说是如何失败的……你可以用jquery或javascript动态设置高度，如果你愿意的话……但在这种情况下，这似乎太过分了。@user1583168这里是一个使用jquery@user1583168的示例。我发现了一个纯css解决方案，看我修改过的答案，就是它！你是绝对的传奇！干杯如果我不介意在这里提问，是否有某种方法允许高度根据浮动内容进行更改？我想不会，但我还是问问你吧。我想你得详细说明一下。虽然它不会在我无法获得基于百分比的最小高度的意义上展开，但如果存在可折叠/可展开的内容，它将展开。

 body {position:absolute; height:100%; width:100%; overflow:visible; }
 #content { background-color:#cccccc; min-height:80%; }