height、max-height、min-height一起用时,哪个优先级高?-灵析社区

复古直男

有如下html代码: Document 很好奇父元素200px是怎么来的,说明min-height生效了吗?但是如果是min-height生效了,又因为子元素300px,不是会自适应吗? ![image.png](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241005/26a33ca0e46b8eaec7483e1336cb28e4.png) 想知道200px怎么作用的,如果是min-height生效,那为什么父元素最后的高度不是和子元素高度一样

阅读量:131

点赞量:0

问AI
max-height: 100px; height: 300px; min-height: 200px; * "height"先和"maxheight"比,如果大于,则此时"height"计算值为"maxheight"的值,这里为"100px"。 * 上面得出的结果再和"min-height"比,如果小于,则此时"height"的计算值为"minHeight",这里为"200px"。 故最后"height"为"200px"。 "css max-height" (https://link.segmentfault.com/?enc=sySmmqzkuIKnq%2FrNnPiQPA%3D%3D.7rGij982qQRG2RhVnTXMsZR62z9%2Ff4%2Ba%2F7ZaLQv8O8g6%2BuHyVsR0%2BCR6BqOVOk1LDY3o2cSiGc%2F5yZ%2F1mv49%2BA%3D%3D) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241005/6a2f3d4629bbd5a429e2ed8e7ee0f467.png)