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クラスには含まれます特定のページのコンテンツ。

今、私の問題は1つの特定のページにあります。すべてのページには、ページがスクロール可能である必要があるほど大きくなるのに十分なコンテンツがあり、本体のdivはそれに対応するように拡張されます。私のページの1つに問題があるのは、コンテンツが少なすぎるか、ほとんどのコンテンツがフロートしているため、divが通常のように展開されないことです。CSSにmin-heightを追加することで修正できると思いましたが、これは機能しません。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;
}

min-heightを除いて、すべての1行が機能します。動作させることができません。

4

2 に答える 2

0

min-height の値をピクセル単位で入力します

min-height: 400px;

ここにフィドルがあります

フィドル

添加

この純粋な css を実行するには、次のように本体にいくつかの 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 が展開されません。

このようなスティッキー フッター テクニックを使用することもできます。Web に出回っている粘着性のあるフッター スニペットはほとんどありません。最適なものを選択してください。:)

于 2012-11-17T04:20:52.130 に答える