面板滚动条不适用于标签内容答案

【问题标题】：A panel scrollbars doesn't work with a label content面板滚动条不适用于标签内容
【发布时间】：2013-05-14 01:15:31
【问题描述】：

我试图在面板控件中放置一个标签控件。当标签内容增长大于面板容量时，面板控件应该允许用户向下滚动。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="EventReviewPage.aspx.cs"
Inherits="EventReviewPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
    <table>
        <tr>
            <td>
                <asp:Label ID="Label1" runat="server" Text="Event Log: "></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="txtLog" runat="server"></asp:TextBox>
            </td>
            <td>
                <asp:CheckBox ID="chkAll" runat="server" OnCheckedChanged="chkAll_CheckedChanged"
                    AutoPostBack="True" />
            </td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="Label2" runat="server" Text="Source: "></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="txtSource" runat="server"></asp:TextBox>
            </td>
        </tr>
    </table>
 </div>
 <div>
    <asp:Button ID="cmdGet" runat="server" Text="Get Records" OnClick="cmdGet_Click" />
 </div>
 <asp:Panel ID="Panel1" runat="server" BorderStyle="None" ScrollBars="Vertical">
    <asp:Label ID="lblResult" runat="server" Text=""></asp:Label>
 </asp:Panel>
 </form>
 </body>
 </html>

【问题讨论】：

标签： asp.net firefox scrollbar panel

【解决方案1】：

asp:Panel 使用 div 扭曲文本，但您没有为此面板指定高度，因此它们的高度始终适合您的数据高度，这就是您看不到该 div 滚动条的原因.

如果同时设置高度和宽度，您会看到滚动条。

例如

<asp:Panel ID="Panel1" runat="server" BorderStyle="None" 
      ScrollBars="Vertical" Height="80px" Width="180px">

【讨论】：