我的网站目前对所有页面都有这样的总体布局:
<?php
include "head.php";
?>
<title></title>
<?php
include "top.php";
?>
<div class="mainbody">
</div>
<?php
include "bottom.php";
?>
head.php 包括 html 和 head 内容(即页面上最顶部的内容),top.php 包括站点徽标和水平导航栏,bottom.php 包括页脚和结束 html/body 标记,而 mainbody 类包含特定页面的内容。
现在我的问题在一个特定的页面上。在每个页面上,都有足够的内容使页面足够大以至于它需要可滚动,并且主体 div 会扩展以适应它。我的一个页面的问题是内容太少,或者更确切地说,大部分内容都是浮动的,所以 div 没有像往常一样展开。我以为我可以通过向 CSS 添加最小高度来修复它,但这不起作用。CSS 目前看起来像这样:
.mainbody {
background-image: url("Images/Background.png");
border-radius: 5px;
-moz-border-radius: 5px;
padding: 0.7%;
position: relative;
width: 68%;
min-height: 80%;
min-width: 768px;
margin: 0px auto;
}
除最小高度外,每一行都有效。我无法让它工作。