Question

这是结构

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

我希望div，fieldset和面板宽度保持不变。当网格中的列增加时，应为面板显示滚动条。我无法弄明白。小组＆amp;网格正在走出场地。

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

Answer 1

给width属性一个值.. !!

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

编辑：如果您需要给出宽度：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

Answer 2

要使您的媒体资源overflow:auto有效，请尝试设置max-width或修复width

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

修改

最后审核了您的代码后，我得到了什么问题，默认情况下，为min-width分配了适合其包含的fieldset。除了width和max-width的定义之外，我设置了min-width

.fieldset { display:block; width:93%; max-width:93%; min-width:0%; border:1px solid gray; border-radius:5px; padding:2%; overflow-x:hidden; }

查看演示 http://jsfiddle.net/FksxS/29/

PD：要小心宽度，请记住padding和border使其增加。或者使用box-sizing。

CSS溢出自动无法正常工作

2 个答案: