1

これが構造です

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

div、フィールドセット、およびパネルの幅をそのままにしておきたいです。グリッドの列が増えると、パネルにスクロールバーが表示されます。私はそれを理解することができません。パネルとグリッドはフィールドセットから外れています。

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

4

2 に答える 2

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-必要に応じて動作する CSS

于 2013-11-11T05:03:57.447 に答える
1

プロパティを機能させるには、または固定もoverflow:auto設定してみてくださいmax-widthwidth

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

于 2013-11-11T05:06:23.143 に答える