嵌套的DIV标记溢出父DIV标记

时间:2012-11-26 19:25:16

标签: asp.net css

父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表对象仅在此处声明为占位符,它通过数据连接器和迭代填充在代码隐藏中。
屏幕截图:

Child Div tag overflows Parent

问题:

如何使用子DIV标记扩展父DIV标记?

0 个答案:

没有答案