如何使母版頁內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的高度在內容頁面中展開？

回答

相關問題