💎一站式轻松地调用各大LLM模型接口,支持GPT4、智谱、星火、月之暗面及文生图 广告
[toc] ## pre height相较于width就单纯多了(前提在write-mode不改变的情况下)。 ## heightの外部尺寸特性 height也有外部尺寸特性,不过值存在于绝对定位模型中,也就是**格式化宽度(高度)**时才会有所体现。 ## 关于height:100% ### 父height:auto,子height:100%无效的情况 height还width:auto还有一个典型的区别在于,width即使为auto,其子元素使用百分比值也是可以的。 但如果是height:auto,那么其子元素若使用height:100%就会被忽略。 这是为什么呢? 因为规范如此: 如果包含块的高度没有显示指定(即高度由内容决定),并且该元素不是绝对定位元素,则计算值为auto。 而`auto*100/100=NaN` 那么为什么宽度就行呢?因为宽度并没有实际的规范这种情况下为auto,属于未定义行为,而各浏览器厂商一致决定将其解析为了具体的数值而不是auto ## height:100%与绝对定位和非绝对定位 当前元素非绝对定位的情况下,height:100%是相对于父元素的`content-box`计算的。 而绝对定位的情况下,是根据离得最近的定位祖先元素的`padding-box`来计算的(包括`格式化高度`) ![](https://box.kancloud.cn/2e6ae24d2db198b3beb35825224e4a1f_483x291.png)