如何最小化浮動DIV的高度？

我試圖設置一個min-height到XHTML或HTML文檔中的浮動DIV。將固定高度的DIV放入DIV中並使用:after進行清除的修復根本不起作用。直接分配min-height也不起作用。如何最小化浮動DIV的高度？

我的代碼，它現在是等（僅適用於Firefox的怪癖模式，但我希望它是真實的東西）：

<div style="float:left"> 
<div style="float:left; height:200px"><!-- min-height hackfix --></div> 
CONTENT GOES HERE 
<div style="clear:both;"></div> 
</div>

來源

2011-05-10 Cobra_Fast

你有網上的例子嗎？ – chrisjlee 2011-05-10 15:39:21

可悲的是沒有。把它放在一個帶有正確HTML或XHTML設置（帶有完整Doctype）的文件中，看看它是如何工作的。 – 2011-05-10 15:42:07

@Cobra;首先關閉你的clear div &，而不是clear:both，你可以只寫overflow:hidden在父DIV

<div style="float:left; overflow:hidden"> 
<div style="float:left; height:200px"><!-- min-height hackfix --></div> 
CONTENT GOES HERE 
</div>

編輯：

給width:100%你的孩子股利。

來源

2011-05-10 09:24:48 sandeep

感謝您的快速回復。雖然切換到您的設置並不會改變一件事情。 – 2011-05-10 09:28:53

你可以把你的例子放在http://jsfiddle.net/以獲得更好的理解。 – sandeep 2011-05-10 09:38:56

看起來像jsfiddle.net也設置爲怪癖模式。我想要有效的XHTML。 – 2011-05-10 14:55:41

我並沒有真正得到你想要的東西，但在這裏是最小高度問題的修補程序：

selector { 
    min-height:500px; 
    height:auto !important; 
    height:500px; 
}

所以，你的代碼可以是這樣的

<div style="float:left;min-height:200px;height:auto !important;height:200px;"> 
    CONTENT GOES HERE 
</div>

http://jsfiddle.net/ynhat/pcpsS/1/

來源

2011-05-10 09:26:47 YNhat

感謝您的建議，可悲的是它沒有改變任何東西。 – 2011-05-10 09:30:40

更新了我的答案。這是你想要達到的目標嗎？ – YNhat 2011-05-10 09:43:54

仍然不能解決。該div不擴大。 – 2011-05-10 15:02:47

如何最小化浮動DIV的高度？

回答

相關問題