0

一見些細な問題。

VisualStudio2010に非常に基本的なページがあります。マスターページがあります...

<body>
    <form id="form1" runat="server">
        <div>
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server" />
        </div>
    </form>
</body>

...と...

<div class="divStretch" />

...コンテンツ内で単独で。

CSSは次のとおりです。

body, form, html
{
    background-color: Black;
    height: 100%;
}

body
{
    margin: auto;
}

.divStretch
{
    background-color: Red;
    height: 100%;
}

これで<div>、ContentPlaceHolderの周りにタグが付けられ、ページ全体が黒くなりました。つまり、コンテンツdivは表示されません。タグがない<div>と、どこにでも赤が表示され、コンテンツdivの高さがウィンドウの高さの約2倍になり、垂直スクロールバーが表示されます。

私が欲しいのは、コンテンツdivがウィンドウを正確に埋めることだけです。

4

1 に答える 1

0

私はここで新しいので、あなたの質問にコメントを追加することは許可されていません-それについては申し訳ありません！私はあなたの質問に答えるために最善を尽くし、いくつかのことを想定します。仮定が間違っている場合は、回答を編集します。

あなたが最後に言及する「コンテンツdiv」によって、あなたはフォーム内にあるdivを参照していると思います、そしてあなたがそれをあなたが参照しているウィンドウを正確に埋めたいと言うときあなたは高さを参照しています（この例で幅を埋めたい場合は、幅を追加するだけです：100％）

私が思いついたもの：http：//jsfiddle.net/trev/3xuzZ/

私は次のCSSを使用しました：

体 {
    マージン：0px;
    パディング：0px;
    背景：黒;
}

.contentDiv {
    位置：固定;
    上：0px;
    下：0px;
    背景：赤;
}

そして次のHTML：

<body>
<form>
    <div class="contentDiv">
        <input type="text" /> <br />
        <input type="text" /> <br />
        <input type="text" /> <br />
        <input type="text" /> <br />
        <input type="submit" value="Button!" />
    </div>
</form> 
</body>

ただし、これはブラウザウィンドウ全体を引き継ぎ、ページ上にある可能性のある他の要素をすべてカバーします。それがあなたが望んでいたものかどうかはわかりません。

于 2011-06-21T03:32:25.167 に答える