在ASP.NET web应用程序中,我的主页上有以下控件:
<asp:Panel ID="UpcomingAudits" runat="server"></asp:Panel>
<asp:Label runat="server" ID="ExpireHeader"><h2>Expiration Dates</h2><br /></asp:Label>
<asp:GridView ID="ExpirationDates" runat="server"
OnRowCreated="ExpirationDates_RowCreated" CellPadding="10"
AutoGenerateEditButton="True" AutoGenerateDeleteButton="True"
OnRowEditing="ExpirationDates_RowEditing" OnRowUpdating="ExpirationDates_RowUpdating"
OnRowCancelingEdit="ExpirationDates_RowCancelingEdit"
OnRowDeleting="ExpirationDates_RowDeleting"></asp:GridView>
我的面板控件“UpcomingAudits”是一个控件,在后面的代码中,根据日程表上的项以编程方式添加项。没有固定数量的项目——这取决于计划了多少。面板右侧有一个工具栏,其中包含指向其他页面的链接。每当日程表上的项目很少时,面板就会变得非常小,“ExpirationDates”网格视图会碰到右侧的工具栏,从而弄乱布局。
有没有办法可以在面板上设置最小尺寸,使其不会缩小到超过?我已经尝试设置height属性,但是如果它有一个固定的高度,并且元素被添加到面板中超出高度的部分,它们就会溢出到GridView的顶部。
(注意:我已经用“c#”标记了这篇文章,因为这是我的代码背后使用的东西。我还标记了“html”和“css”,因为我可以从其中一个方面寻找可能的解决方案,尽管我不知道有一个。)
最佳答案
您可以在CSS中使用min-height
。
div#UpcomingAudits {min-height:300px;}
它的缺点是不支持IE6。
已知问题:IE7不支持将“inherit”作为值。IE8有一些最大宽度/高度与溢出相结合的错误:auto/scroll。