Asp.net css 阻止 div 扩展页面高度

Question

所以问题是我正在尝试在 ASP.NET 中设计一个 XHTML 页面，而当我只想将控件放入 div 时，我采用的当前方法不断扩大页面大小.

我在大多数 div 中都使用 Relative，因为我读过关于使用 absolute 的坏习惯。希望这是一个简单的修复，这里是一些我倾向于编写的代码类型。请注意，在这些控件中的 4 或 5 个之后，页面将开始在高度上扩展，即使在 900+px 处屏幕周围仍然有足够的空间。

下面的示例使用了一个图像按钮，但所有其他控件也会发生这种情况。如果我如上所述添加其中的 4-5 个，它将开始扩展我试图停止的页面。

<div class = "MyHeader">
    <asp:ImageButton ID="MyHeaderBTN" runat="server" Height="33" Width= "95" ImageUrl="~/Images/anyURL.png" onmouseover="this.src='/Images/anyURLHover.png'" onmouseout="this.src='Images/anyURL.png'"/>
</div>

这是CSS类

.MyHeader
{
    height: 35px;
    left: 160px;
    position: relative;
    top: -116px;
    width: 100px;
}

编辑:希望这能解决问题(抱歉，我不知道如何使用 JSfiddle)。 最终我想要做的是在我添加任何新的 div 时阻止网页高度增加。因此，如果没有(或只有几个)我会得到想要的页面，在添加几个 div 后页面的大小会增加，在底部留下更多的空白空间。

Answer 1

感谢 JohnyTee 关于更改 main 中的 Max-Height 以及减少 Min-Height 的建议，我能够停止页面扩展并且我似乎能够继续添加相关元素。

谢谢