0

一个看似微不足道的问题。

我在 Visual Studio 2010 中有一个非常基本的页面。它有一个母版页......

<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 的高度大约是窗口高度的两倍，导致出现垂直滚动条。

我只想让内容 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 回答