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问题

回答

相关问题