设置面板高度与内容不完全填充面板

我有两个面板必须是相同的高度。对于面板的代码如下：设置面板高度与内容不完全填充面板

<asp:Panel ID="Panel1" GroupingText="Material" CssClass="material" 
       runat="server" > 

       <asp:RadioButtonList ID="RadioButtonList1" runat="server" > 
       <asp:ListItem Selected="True">Plastics</asp:ListItem> 
       <asp:ListItem Enabled="false">Glass</asp:ListItem> 
       </asp:RadioButtonList> 

      </asp:Panel> 
<asp:Panel ID="Panel2" GroupingText="Material" CssClass="design" 
       runat="server" > 

       <asp:RadioButtonList ID="RadioButtonList1" runat="server" > 
       <asp:ListItem >SV</asp:ListItem> 
       <asp:ListItem ">Bifocal</asp:ListItem> 
       <asp:ListItem >Varifocal</asp:ListItem> 
       <asp:ListItem >Intermediate</asp:ListItem> 
       </asp:RadioButtonList> 

      </asp:Panel>

我有一个风格这两个板与下面的CSS：

.material{display:inline-block; float:left;max-height:200px;width:90px;overflow:hidden;} 
.design {display:inline-block; float:left;max-height:200px;width:210px;overflow:hidden;}

通知我试图使高度相同。然而，由于panel1内容很少，所以面板边框的高度一直是200px。即使内容没有完全填满面板，我怎么能有相同的高度。

来源

2013-08-05 Sithelo Ngwenya

使用的高度，而不是最大高度？ –

感谢您的快速响应。我有，但仍然没有改变。 –

如果您将此处或http://jsfiddle.net/粘贴生成的HTML代码，这将有所帮助。同时尝试设置显示屏来代替内嵌块 –

asp.net中的面板在HTML中呈现时，由于面板不是有效的html标记，因此无法将其渲染为面板。你可以将div包裹在面板内，并为div提供样式。

<asp:Panel ID="Panel1" GroupingText="Material" CssClass="material" 
      runat="server" > 
      <div class="material"> 
      <asp:RadioButtonList ID="RadioButtonList1" runat="server" > 
      <asp:ListItem Selected="True">Plastics</asp:ListItem> 
      <asp:ListItem Enabled="false">Glass</asp:ListItem> 
      </asp:RadioButtonList> 
      </div> 
     </asp:Panel> 
<asp:Panel ID="Panel2" GroupingText="Material" CssClass="design" 
      runat="server" > 
      <div class="design"> 
      <asp:RadioButtonList ID="RadioButtonList1" runat="server" > 
      <asp:ListItem >SV</asp:ListItem> 
      <asp:ListItem ">Bifocal</asp:ListItem> 
      <asp:ListItem >Varifocal</asp:ListItem> 
      <asp:ListItem >Intermediate</asp:ListItem> 
      </asp:RadioButtonList> 
      </div> 
     </asp:Panel>

来源

2013-08-05 13:16:07 user1

谢谢。我后来注意到了。我已经得到了解决方案并发布了它。 –

删除在你的CSS的最大高度，并添加以下代码：

fieldset {height:200px}

来源

2013-08-05 13:22:08

设置面板高度与内容不完全填充面板

回答

相关问题