使面板仅水平滚动，不起作用

Question

我左侧有一个面板，我希望它只能水平滚动但不起作用。我进入了面板属性并将ScrollBars设置为水平，它显示但不起作用。图片如下。

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

Answer 1

我会用css：http://jsfiddle.net/8HJ4v/

执行此操作

溢出属性是重要的部分：

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

Answer 2

您正尝试使用嵌套面板并明确设置两个面板的宽度。

<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>