栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

高度:100%VS最小高度:100%

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

高度:100%VS最小高度:100%

这是W3Clink的解释:

以下算法描述了两个属性[min-height和max-height]如何影响’height’属性的使用值:

临时使用的高度是根据上面“计算高度和边距”下的规则计算的(不包括“最小高度”和“最大高度”)。

如果此暂定高度大于“最大高度”,则会再次应用上述规则,但是这次使用“最大高度”的值作为“高度”的计算值。

如果生成的高度小于“最小高度”,则再次应用上述规则,但是这次使用“最小高度”的值作为“高度”的计算值。

总结: 基本上,如果min-height大于其他高度(无论是否指定了显式高度),则将min-
height用作高度。如果最小高度小于其他高度,则最小高度无效。

对于您给出的特定情况, 通过指定

height:100%
使元素的高度等于包含块的高度。(但是,这可能会被否决,例如,如果您还指定了
max-height:50%
。)指定
min-height:100%
表示如果计算出的高度小于100%,实际上,即使您明确指定的高度小于100%,也将其视为您说的那样
height:100%
。请注意,一个关键的区别是_max-height可以否决高度,但不能否决min-height_ (因为根据上述W3C建议,max-height被认为是在高度之后但在min-
height之前)。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/615112.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号