html - css height为100% 失效

问题描述

问 题

为什么在给html和body标签设置了高度height:100% 之后再给内部的div设置height:100%的时候
内部div的高度100% 才会起到作用？？

如果不给body和html标签设置高度height为 100%,div高度设置为100%并不起作用。

我理解height为百分数的时候应该要求他的父控件的高度是某一个确定的数值，这样这个百分数才会有意义。。在这个例子中，div的高度设置为100%，div的祖先元素body的height的默认值为auto，所以我们需要给这个bodyheight设置为某一个定值或者为某一个百分数，那么在本示例中我们是设置height ：100%。

那么请问html标签的height样式的默认值是什么？？？

解决方案

默认是auto.
这个属性定义元素内容区的高度，在内容区外面可以增加内边距、边框和外边距。
行内非替换元素会忽略这个属性。
默认值： auto
继承性： no
版本： CSS1

w3c的解释

这篇关于html - css height为100% 失效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！