1

背景色で気づいたように、親の DIV タグが固定されていることに問題があります。

CSS:
div
{
  postion:absolute;
}
...
#divBody
{
    border: 1px solid red;
    left: 20%;
    right: 10%;
    top: 110px;
    width:70%; min-width: 150px;
    min-height: 200px;
    text-align: center;
    position: relative;
}
...
div .Registration
{
    border: 1px solid black;
    background-color: red;
    text-align: center;
    width: 100%;
    height: 100%;
}

div .QA
{
    background-color: black;
    width: 100%;
    height: 100%;
    text-align: left;
}
HTML:

root.master

  <div id="divBody" runat="server">
    <asp:ContentPlaceHolder ID="cphMain" runat="server" />
  </div>

root.aspx

<div id="divReg" style="visibility: visible;" class="Registration" runat="server">
  ...
</div>
<div id="divQA" style="visibility: hidden;" class="QA" runat="server">
  <table id="tblContent" class="tblQA" runat="server" />
  ...
</div>
  • HTML テーブル オブジェクトは、ここではプレースホルダーとしてのみ宣言されており、データ コネクタと反復によってコード ビハインドに入力されます。
画面キャプチャ:

子 Div タグのオーバーフロー 親

質問:

親 DIV タグを子 DIV タグで展開するにはどうすればよいですか?

4

0 に答える 0