2012-04-22 82 views
0

我的大腦在這個問題上溢出來了,所以讓我分享我的挫折感,以便尋找具有相同體驗的人,並且幸運地找到一個辦法。通過CSS在DIV中WIDTH和HEIGHT百分比的問題(firefox不起作用)

事情是這樣的:

http://jsfiddle.net/w4d2E/

在Chrome中,百分比做工精細,而是試圖在Firefox相同的(最新版本)當內容DIV不是水平和垂直方向再擴大。

我已經分析過這裏的每一個類似的問題,但我找不到任何有效的答案。

在此先感謝

P.S:我試圖在「內容」層,而不是使用的「盒子」一個塊顯示屏,但仍具有相同行爲。

回答

0

這裏的問題是display: -moz-box身體。如果你刪除它一切正常。這似乎是一個錯誤,所以我建議在bug tracker中提交報告。

+0

如果您刪除-moz-box,則Firebox使用傳統的塊顯示並關閉FlexBox佈局。 我需要的是能夠使用FlexBox,因爲我試圖做一些垂直居中。順便說一句,Chrome的工作就像一個魅力與這個東西:) 感謝您給的嘗試 – RAmPE 2012-04-22 18:41:25

+0

這就是爲什麼我說這是一個錯誤。這很好地概括了問題的答案«爲什麼它不起作用?»帶有供應商前綴的功能往往具有它們 - 它們**畢竟是**實驗。 – TsukinoMai 2012-04-22 18:53:02

1

您正在使用XUL框佈局。我建議不要那樣做。您似乎認爲-moz-box不是CSS Flexbox佈局。