Webkit css box問題

我在webkit中有一個css3 boxflex佈局，但由於某種原因，#main（紫色的）沒有填充屏幕的100％，就像css告訴它：http://jsfiddle.net/qxxZv/ 我該如何獲得它填補了整個可用的高度？這只是一個基本的佈局，包含標題，帶有側邊欄/內容的中間區域以及頁腳。Webkit css box問題

來源

2011-05-31 penguinrob

嘿，你需要你的html和body標籤有100％的高度：

html,body {margin:0;padding:0; height: 100%;}

的jsfiddle例如這裏：http://jsfiddle.net/jackrugile/63bg2/

來源

2011-05-31 21:30:17 jackrugile

嗯，這讓'＃main'填滿整個高度，但它具有'-webkit-box-orient'設置爲'vertical'，所以它內部的框不應該擴展？我從來沒有在 – penguinrob 2011-05-31 21:31:56

之前使用過flexbox佈局，只是想通了 - 我忘了在'.screen'上忘記將'-webkit-box-flex'設置爲'1'謝謝@jackrugile！ – penguinrob 2011-05-31 21:44:06

@robert_nachos真棒，很高興工作！我知道html和body必須有100％的高度，但我不熟悉boxflex。很高興解決它。我需要檢查boxflex肯定。 – jackrugile 2011-05-31 21:46:20

Webkit css box問題

回答

相關問題