【问题标题】:Asp.net css stop div from expanding page heightAsp.net css 阻止 div 扩展页面高度
【发布时间】:2013-02-23 10:49:32
【问题描述】:

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

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

【问题讨论】:

  • 感觉问题不是很清楚。你能创建一个有问题的jsfiddle(jsfiddle.net)并给出链接吗?
  • 在 Style/site.css 中,应该有一个类: ".main" 。尝试为它设置一个 max-height 属性,以获取您想要的值。但我需要补充一下,我认为绝对没有那么糟糕。请参见此处:stackoverflow.com/questions/186044/…

标签: asp.net css vb.net xhtml


【解决方案1】:

感谢 JohnyTee 建议在 main 中更改 Max-Height 并减少 Min-Height,我能够停止页面扩展,并且似乎能够继续添加相关项目。

谢谢

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-01-11
    • 2012-01-18
    • 2015-01-01
    • 2018-10-06
    • 1970-01-01
    • 2021-11-01
    • 2014-03-29
    相关资源
    最近更新 更多