2013-03-08 58 views
0

所以问题是,我试图在ASP.NET中设计一个XHTML页面,我采取的当前方法一直在扩展页面大小,当我只是想适应控制在div之内。Asp.net css停止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后,页面的大小会增加,底部会留下更多的空白空间。

+0

我觉得这个问题不是很清楚。你可以请创建一个jsfiddle(jsfiddle.net)的问题,并给链接? – Ron 2013-03-08 00:47:10

+0

在Style/site.css中,应该有一个类:“.main”。尝试为它设置一个最大高度属性,以达到您想要的值。但我需要补充一点,我认为绝对不是那么糟糕。请看这里:http://stackoverflow.com/questions/186044/is-it-considered-bad-practice-to-use-absolute-positioning – johnyTee 2013-03-08 01:05:23

回答

1

感谢JohnyTee建议改变主体的最大高度以及降低最小高度,我能够阻止页面扩展,并且我似乎能够继续添加相关的项目。

谢谢