html - Webkit css 框问题

标签 html css webkit

我在 webkit 中有一个 css3 boxflex 布局,但出于某种原因,#main(紫色的)没有像 css 告诉它的那样填充 100% 的屏幕:http://jsfiddle.net/qxxZv/ 我如何让它填满可用的整个高度?这只是一个带有页眉、带有侧边栏/内容的中间区域和页脚的基本布局。

最佳答案

嘿,你需要你的 html 和 body 标签有 100% 的高度:

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

jsFiddle 示例在这里:http://jsfiddle.net/jackrugile/63bg2/

关于html - Webkit css 框问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6193762/

相关文章:

php - 从数据库中检索数据,不包括 html 标签

javascript - 点击触摸设备时如何防止 "ghost"点击超链接

swift - 如何在 WKWebView 中捕获通知?

html - Bootstrap 3 个相同高度的列不在断点处堆叠列?

html - 将元素绝对定位在圆的圆周上

css - Safari 只有 CSS 悬停事件不会在拖动时触发

CSS 防止菜单改变位置

javascript - Android webkit 浏览器中的 XPCOM 支持?

javascript - 基本网络音频 API 不播放声音

javascript - 改变 iframe src 有效果吗?