asp.net - CSS 溢出自动不起作用

Question

这是结构

<div>
  <fieldset>
    <asp:panel runat="server">
      <asp:Gridview runat="server">
      </asp:Gridview>
    </asp:panel>
  </fieldset>
</div>

我希望 div、字段集和面板宽度保持不变。当网格中的列增加时，面板应该出现一个滚动条。 我无法弄清楚。面板和网格超出了字段集。

http://jsfiddle.net/FksxS/12/

Answer 1

同时给 width 属性一个值..!!

 <asp:Panel runat="server style="overflow-x:auto;width:760px">

编辑:如果你需要给 width:100% 然后做

<asp:Panel runat="server style="overflow-x:auto;width:100%">



     .fieldset
        {
            border:1px solid gray;
            border-radius:5px;
            overflow-x:auto;
        }
        .div
{
    border:1px solid red;
    padding:5px;
    overflow-x:auto;
    width:100%;
}

最新 jsfiddle- working css as you need