1

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

<?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;
}

除最小高度外,每一行都有效。我无法让它工作。

4

2 回答 2

0

将 min-height 的值以像素为单位

min-height: 400px;

这是一个向您展示的小提琴

小提琴

添加

要执行此纯 css,您需要像这样向 body 添加一些 css

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

小提琴

于 2012-11-17T04:09:03.640 回答
0

你清理过花车吗?你说内容是浮动的,导致主体div没有展开。

您还可以使用粘性页脚技术,例如这个。网络上几乎没有粘性页脚片段,只需选择最适合您的。:)

于 2012-11-17T04:20:52.130 回答