最小高度：100％不會工作，因爲我也想

我有一個容器div，爭取3個div，一個側邊欄，一個內容和一個頭，而所有內部元素呈現爲他們應該（他們被定位作爲「相對」，如果這可能影響我的問題），邊欄和內容渲染min-height: 100%我需要，包含它們的div將不適應這3個元素，行爲像overflow: visible，而我不希望內容溢出，我想整個頁面滾動和適應內容大小的格...最小高度：100％不會工作，因爲我也想

我想在這裏把我的代碼：http://jsfiddle.net/vhZV6/

我也削減了一些圖形tweeks的至極不應影響a ■所有...這裏是我的問題的屏幕太：

我不需要在這個問題上的老broweser集成（如IE 5/6）。

來源

2012-09-21 Yuri Scarbaci

你有沒有嘗試在你的'.container' div中添加'overflow：auto;'？ OMG！ – j08691

這解決了整個問題！你是一個天才，我想問一些關於此事的進一步幫助嗎？正如你所看到的，我必須在body && html上設置Height：100％，但是我真正想要的不是它給我的瀏覽器可見區域的高度，而是我希望html（和body也是）具有長度的完全伸展的競爭對手，身高和HTML最小高度不會解決這個...任何幫助？ thx很多^^ –

嗯，讓我張貼上述作爲答案，所以你可以接受它，然後你應該從你的評論作爲一個新的問題發佈的問題。 – j08691

嘗試增加overflow:auto;您.container股利。

來源

2012-09-21 17:20:21 j08691

http://www.w3schools.com/cssref/pr_pos_overflow.asp <---這個頁面實際上表明，當你把溢出：auto，內容向下滾動，它只是一個不好的信息，或者它是如何行事的在某些瀏覽器上？ thx再次爲解決方案^^ –

永遠不要走w3schools。他們有一些有用的信息，但也有很多舊的，過時的或純粹不準確的信息。改用MDN。 – j08691

我會試試這個。一旦任何高度元素與之混淆，'height：auto'不再設置。

min-height:100% !important; 
height:auto !important;

來源

2012-09-21 17:07:21 David

這沒有改變任何東西，它只是保持behavin和以前一樣（我把它放在容器和內容中） –

display：inline-block; – David

這是一個非常簡單的問題：你的內部div是浮動的。該解決方案是非常簡單，只需添加到您的CSS以下（這是隻要你有浮動的div最好的解決方案）：

.container:before { 
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden; 
}

來源

2012-09-21 17:15:10 Caelea

溢出：auto;解決了我的問題，我可以問一下你剛剛給我的這個解決方案的一些更詳細的解釋嗎？就像「之前」部分，我從來沒有看到過，內容是什麼：「。」禮貌？再次感謝您的時間^^ –

：在選擇器之前在所選元素的內容之前插入內容。：選擇器在選定元素的內容之後插入內容。內容：「。」確保在你的容器被任何瀏覽器解釋之前插入的「div」，因爲你的高度爲0。 – Caelea

最小高度：100％不會工作，因爲我也想

回答

相關問題