height详解

原创 greenhand 随笔 HTML/CSS 330阅读 2017-08-31 20:10:11 举报

CSS中height:100%和height:inherit的异同

对html与body的一些研究与理解

html 代码

根据css height的定义,auto是自适应内容的高度,100%是父级元素的高度,那这段代码应该是外层div适应ccccc的高度,内层div用float:left样式,脱离了文档流,父元素不计算它的高度,但它自己的高度,将是父元素的高度。
但实际情况是外层div高度正常,但内层div无法实现height:100%的效果,变成0px,这是为何?

当父标签高度不定时,子标签高度100%是无效的。这里附上一段高人的资料:“父标签有高度可寻,就是向上遍历父标签要找到一个定值高度(body,html另外讨论),如果中途有个height为auto或是没有设置height属性,则高度百分比不起作用。”原文链接:http://www.zhangxinxu.com/wordpress/?p=259

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复