0

次のようなマスターページがあります。

<body id="body" runat="server" style="padding: 0px 25px 25px 25px;">
<div class="wrapper">
    <form id="form1" runat="server">
    <uc1:Header ID="header" runat="server" />
    <div style="width: 100%;" class="borderContent">
        <div style="float: left; margin: 20px 0px 20px 20px;">
            <uc2:MenuLeft ID="menuLeft" runat="server" />
        </div>
        <div style="width: 80%; float: left; margin: 20px;">
            <asp:ContentPlaceHolder ID="content" runat="server">
            </asp:ContentPlaceHolder>
        </div>
        <div class="push">
        </div>
        <div style="clear: both;">
        </div>
    </div>
    </form>
</div>
<div class="footer">
    <p>
        Copyright (c) 2012</p>
</div>

コンテンツ プレース ホルダーには、2 行のテーブルがあります。1 行はヘッダー、もう 1 行はコンテンツです。コンテンツが画面の高さよりも長い場合は、フッターとコンテンツを所定の位置に配置し、スクロールバーを付けたままにしたいのですが、コンテナーの大きさは言わずに (サイズに関係なく比率を維持したいです)モニターの）。だから多分それはパーセントで何とかすることができますか？

ありがとう

4

2 に答える 2

0

あなたが使用することができます

position: absolute;

フッターとコンテンツで、次にフッターで

bottom: 0px;
height: 100px;

そしてコンテンツのために

bottom: 100px;
overflow: auto;

これにより、ページのサイズがどのように変更されても、フッターがページの下部に保持され、コンテンツがその上に表示されます。

もちろん、これは単なるガイドラインです。必要に応じて調整する必要があります。

于 2012-11-15T14:14:03.273 に答える
0

私は以前にこのようなことをしたことがあります。ページの読み込みに JS/jQuery を入れることができます。基本的に、次のことを行います。

  1. ページの % または必要に応じて固定量に基づいてコンテナーの最大高さを計算します。
  2. コンテナにデータを追加する
  3. コンテナーがステップ 1 で取得した値よりも大きいかどうかを判別します。
  4. コンテナがコンテンツよりも大きい場合は、要素のスタイルに「overflow-y: scroll」を追加します
  5. それ以外の場合は、そのままにしておきます。
于 2012-11-15T17:37:29.780 に答える