2013-04-22 18 views
2

我想匹配div中的確切高度,不管它是否帶有空字符串。以爲我擁有它,但我意識到,即使我可以設置最小高度,當它被佔空時,我將失去填充,因此存在一個小偏移量。當空字符串時div的最小高度

應用這似乎並沒有工作

.docDetails .description { 
    min-height: 1em; 
    padding: 2px; 
} 

任何想法?

謝謝

+0

爲什麼你用'em'嘗試'px'來代替。 – Andrew 2013-04-22 08:58:26

+1

在這種情況下,「em」有什麼問題? – Bojangles 2013-04-22 09:03:49

回答

1

只需通過填充來增加最小高度。

您可以通過將2px的通過你的基本字體大小計算PX到EM值。例如, 2/16 = 0.125em。不要忘記提高這個價值。

.docDetails .description { 
    min-height: 1.25em; 
    padding: 2px; 
} 
+0

嗨,我沒有使用px,實際上我之前沒有這樣做,因爲在將來有人會改變基本字體大小。我假設1em會照顧,但如果我認爲這樣做不會。如果沒有辦法引用像2/em這樣的東西,我一定會堅持這個 – mitomed 2013-04-22 09:06:58

+0

這肯定是有效的,實際上這種字體的尺寸比基本字體還要大,所以它總是與其他字體一起使用。謝謝! – mitomed 2013-04-22 09:09:33

+0

像什麼?請研究這個:http://www.w3schools.com/cssref/css3_pr_box-sizing.asp – 2013-04-22 09:12:13

0

你改變的最小高度值是像素。

.docDetails .description { min-height:200px; padding:2px; 背景:#003366; }