如何使母版页内div的高度在内容页面中展开？

我有一个母版页，它有一个div作为整个页面的边框。如何使母版页内div的高度在内容页面中展开？

我希望这个div根据放置在内容页面中的内容进行扩展。

怎么会这样做呢？在div中使用clear:none而不从主页面继承页面（即根本不使用主页面），我没有问题。但是，当我使用母版页时，div不会展开。

在母版页当前代码：

<div class="page-border"> 
    <div class="header"> 
     HEADER</div> 
    <div class="outer"> 
     <div class="content"> 
      <asp:ContentPlaceHolder ID="contentPlaceHolder" runat="server"> 
      </asp:ContentPlaceHolder> 
     </div> 
     <div class="banner"> 
      BANNER 
    </div> 
    <br style="clear:none"/> 
</div>

编辑：我已经添加下面的CSS类：

.page-border 
{ 
    width: 1000px; 
    padding: 10px; 
    margin: 0px auto; 
    border: 1px solid gray; 
} 

.outer 
{ 
    float: left; 
    padding: 0px; 
    margin-right: 0px; 
    margin-top: 10px; 
    width: 986px; 
    margin-left: 12px; 
} 

.content 
{ 
    float: left; 
    height: 503px; 
    width: 779px; 
    margin-bottom: 0px; 
    margin-left: 2px; 
}

来源

2011-11-10 Dot NET

张贴一些代码。不过，听起来好像你的内容页面需要在所有内容的底部有一个

，但仍然在边界div内。 – Dave

@Dave发表了一些代码！ –

@Dave添加了CSS类 –

如果这不工作，我们需要看到的样式规则。内容

<div> 
    <div class="content"> 
     <asp:ContentPlaceHolder ID="contentPlaceHolder" runat="server"> 
     </asp:ContentPlaceHolder> 
     <div style='clear:both'></div> 
    </div> 
    <div class="banner"> 
     BANNER 
    </div> 
    <br style="clear:none" /> 
</div>

一类更新：

.content 
{ 
    float: left; 
    min-height: 503px; 
    width: 779px; 
    margin-bottom: 0px; 
    margin-left: 2px; 
}

来源

2011-11-10 19:56:46 Dave

我更新了代码以显示页面的主要标记。 –

谢谢戴夫，这样做！ –

如果包装DIV中的内容是浮动也不会环绕它。将overflow:hidden;或overflow:auto;添加到.content CSS声明中，以强制其随内容一起展开。

来源

2011-11-10 19:54:27

试过了，但失败了。没有扩展外部div与页面的内容，而是相反。 –

我更新了代码以显示页面的主要标记。 –

如何使母版页内div的高度在内容页面中展开？

回答

相关问题