高度，最小高度不起作用

我想讓容器內部的div的div（來自Twitter Bootstrap）的最大高度爲100％。我創建了一個fiddle來演示，但不知何故它沒有顯示出我想要的。高度，最小高度不起作用

兩個div的浮動。因此我使用了class="clearfix"。但是那也行不通。我錯過了什麼？

編輯你不小提琴看到的，是html和body已經被設置爲100％高度在我的應用程序。

編輯孩子div去外面它的父div，這就是爲什麼它不斷失敗。 jsfiddle已更新。任何人都可以看看它？

2013-12-14 Quoter

在你的jsfiddle是錯誤的邊界聲明。 .boxB有這樣的：'border-color：border：solid 1px red;'。 – kleinfreund

你是對的，忽略了它。現在修復。 – Quoter

現在你仍然有'border：border：solid 1px red;'。你看到錯誤嗎？ ;） – kleinfreund

爲了使嵌套塊級元素佔用100％的高度，即使沒有它們的內部的任何內容，需要添加height: 100%;在問題和元件所有其父元素（包括HTML和正文）。看到這個demo。

給div的高度工作得很好，但因爲裏面沒有內容，所以html和body元素不會相應地拉伸。

HTML：

<html> 
    <body> 
    <div class=container> 
     <div class=stretch-this> 
     </div> 
    </div> 
    </body> 
</html>

CSS：

.stretch-this { 
    background-color: khaki; 
} 

html, 
body, 
.container, 
.stretch-this { 
    height:100%; 
}

2013-12-14 14:02:21 kleinfreund

body和html被設置爲100％高度。忘了提到這一點。但在我的容器div中，我有2個div，並且它們都必須佔據100％的高度。 – Quoter

儘管它很尷尬，但在他們身上投擲「高度：100％;」效果很好。你錯過了.wrap和.container類的高度聲明 - 至少在小提琴中。如果你添加並測試它，它會起作用。 – kleinfreund

你說了什麼，它似乎工作。不過，我在'wrap'下面有一個頁腳'div'，它需要60px。現在，頁腳'div'被wrap'div''溢出'。我怎樣才能避免這種情況？ jsfiddle更新了我的問題。 – Quoter

回答