C# 使面板仅水平滚动,不工作

C# 使面板仅水平滚动,不工作,c#,asp.net,C#,Asp.net,我有一个面板在左侧,我希望它只能水平滚动,但不工作。我进入了panels属性并将滚动条设置为水平,它会显示出来,但不起作用。图片如下 <asp:Panel ID="panelButtons" runat="server" Direction="LeftToRight" CssClass="leftPanel" ScrollBars="Horizontal" ></asp:Panel> 您正在尝试使用嵌套面板,并显式设置两个面板的宽度 <

我有一个面板在左侧,我希望它只能水平滚动,但不工作。我进入了panels属性并将滚动条设置为水平,它会显示出来,但不起作用。图片如下

  <asp:Panel ID="panelButtons" runat="server"  Direction="LeftToRight" 
         CssClass="leftPanel" ScrollBars="Horizontal" ></asp:Panel>


您正在尝试使用嵌套面板,并显式设置两个面板的宽度

<asp:Panel ID="panelContainer" runat="server"  Direction="LeftToRight" CssClass="leftPanelContainer" ScrollBars="Horizontal" Width="300px;">
  <asp:Panel ID="panelButtons" runat="server"  Direction="LeftToRight" CssClass="leftPanel" ScrollBars="Horizontal" Width="1000px">
    LEFT PANEL
  </asp:Panel>
</asp:Panel>

左面板

您正在尝试使用嵌套面板,并显式设置两个面板的宽度

<asp:Panel ID="panelContainer" runat="server"  Direction="LeftToRight" CssClass="leftPanelContainer" ScrollBars="Horizontal" Width="300px;">
  <asp:Panel ID="panelButtons" runat="server"  Direction="LeftToRight" CssClass="leftPanel" ScrollBars="Horizontal" Width="1000px">
    LEFT PANEL
  </asp:Panel>
</asp:Panel>

左面板

我会用css来实现这一点:

溢出特性是重要的组成部分:

overflow-x:scroll;
overflow-y:hidden;

我会用css来实现这一点:

溢出特性是重要的组成部分:

overflow-x:scroll;
overflow-y:hidden;

你看到了什么结果?根本没有滚动条?请尝试在
面板上指定一个显式
宽度
值,并告诉我们这是否有帮助。@DavidTansey我已经尝试过了。当我设置宽度时,会出现垂直滚动条,我希望使用水平滚动条。你看到了什么结果?根本没有滚动条?请尝试在
面板上指定一个显式
宽度
值,并告诉我们这是否有帮助。@DavidTansey我已经尝试过了。当我设置宽度时,会出现垂直滚动条,我希望使用水平滚动条。您是否为容器div设置了宽度?尝试创建一个JSFIDLE来显示问题。您是否为容器div设置了宽度?尝试创建一个JSFIDLE来显示问题。您可以使用panelContainer width来找到合适的宽度。如果您将%用于右侧面板,那么您也应该将%用于leftPanelContainer。您可以使用panelContainer width来找到合适的宽度。如果您将%用于右侧面板,那么您也应该将%用于leftPanelContainer。