对于height ：100%的理解

最近在做项目的时候，在调样式的时候，给一个元素的样式设为height：100%，发现没有达到效果，最后发现给他的父元素设了高度之后就有反应了。难道这样就解决了？还没有，我还要去查一查！
搜了w3cschool的文档，看到这个：
这样才明白了一点，难道是width也是这样？

嗯嗯，好像都是差不多的意思，那他们有什么区别呢？
如果一个元素给它设为height：100%，width：100%，它父元素什么都没设的话，那么起作用就只有width：100%，借鉴下来自于一位大神的一句话：

上面的缺省值就是默认值的意思，所以我们要给heigth：100%起作用的话，就必须给其父元素加上高度。

借鉴的有关文章 ：https://blog.csdn.net/weixin_30314813/article/details/96962513