0

すべてのページが継承するマスター ページを使用するサイトがあります。マスター ページは、レイアウトとフィールのためにスタイル シートを使用します。基本レイアウトはこちら

<html>
<body >
<form runat="server" >
<div class="page" >
    <div class="header">
        <div class="title">
        </div>           
        <div class="main">            
            <asp:ContentPlaceHolder ID="MainContent" runat="server">                 
            </asp:ContentPlaceHolder>
        </div>
        <div class="clear">
        </div>
    </div>
</div>
<div class="footer">
</div>
</form>

私の問題は、.page の Css のクライアント ウィンドウ サイズに基づいてメイン div のサイズを変更したいということです。読み込まれる画面のコンテンツ エリアの高さです。ピクセル値に設定すると、その設定に適した高さが表示されますが、クライアント ウィンドウに基づいて拡大および縮小したいと考えています。

ゴーグルで見つけた min-height 設定やその他のものを検索して試しましたが、どれも機能しませんでした。

4

1 に答える 1

0

jQuery または javascript で高さを割り当てる必要があります。

var browser_height = $(window).height();

$('.main').css({'height':browser_height});
于 2012-12-26T16:10:29.067 に答える