Webkit css box проблема

Question

У меня есть макет css3 boxflex в webkit, но по какой-то причине #main (фиолетовый) не заполняет 100% экрана, как css сообщает: http://jsfiddle.net/qxxZv/ Как сделатьЯ получаю это, чтобы заполнить всю доступную высоту?Это просто базовый макет с заголовком, средней областью с боковой панелью / контентом и нижним колонтитулом.

Answer 1

Эй, ваш HTML и тег body должны иметь высоту 100%:

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

jsFiddle пример здесь: http://jsfiddle.net/jackrugile/63bg2/