SO上有很多与此相关的问题,但我扫描的都是针对详细的具体情况。我想知道的是,在概念层面上,这意味着什么:
<div style='height:100%'>
100%有多高? 100% 什么?
[EDIT]
跟进问题:如果100%代表parent的高度,但是parent是并且除了div的高度之外没有其他高度,那么这意味着什么?看起来是递归定义的。
父容器高度的 100%。
看这里:http://jsfiddle.net/6VRn6/ http://jsfiddle.net/6VRn6/
如果要使用此方法使 div 为页面高度的 100%,则必须将高度指定为 body 和 html 的 100%。
body, html {
height: 100%;
}
当您没有指定html
or body
height,它们的高度是其中元素的高度之和。
更新了演示 http://jsfiddle.net/6VRn6/3/显示这个。我们有一个 200 像素的 div,带有 2 像素边框,总计 204 像素,然后是一个 40 像素的状态 div。这body
高度应为 244 像素。现在,如果将上面的 CSS 添加到页面,高度将是 jsfiddle 右下象限的高度。尝试添加它并再次运行代码。然后调整结果窗格的大小并再次运行以查看高度相应变化。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)