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

时间:2013-03-08 00:42:34

标签: asp.net css vb.net xhtml

所以问题是我正在尝试在ASP.NET中设计一个XHTML页面,当我只想让控件符合div时,我采用的当前方法不断扩展页面大小。

我在大多数div中使用Relative,因为我读到过使用绝对不好的做法。希望这是一个简单的修复,这是我倾向于编写的一些代码类型。请注意,在这些控件中的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后,页面的大小会增加,底部会留下更多的空白区域。

1 个答案:

答案 0 :(得分:1)

感谢JohnyTee建议改变主要的Max-Height以及减少Min-Height,我能够停止页面扩展,我似乎能够继续添加相关项目。

由于