高度属性CSS

“高度”属性和“最大高度”属性之间的区别是什么。可以理解的是，如果我们将最大高度设置为50px，元素的高度将不会超过50px。但是如果我们只将高度设置为50px，那么高度也将保持为50px。有什么区别吗？

基本上就是你说的。高度为50px的div始终为50px高

---

最大高度为50px的div的高度可以小于50px，但当其中的内容向下推动时，div的高度将不会大于50px。

假设您有一个id为my_block的div block。最大高度在可设置的最大允许高度上设置一个上限：

#my_block{
    width:20px;
    height:60px;  // You can try to set the height to 60px, but the max-height of 50px won't let you...
    max-height:50px;
    border:1px;
    border-style:solid;
}

---

将高度设置为50px是很好的，但它不能生成适应性强的页面

相反，将高度设置为100%意味着它将在具有不同屏幕尺寸的不同设备上显示不同的高度，并且适应性更强

设置最大高度将最大高度设置为50px将使其保持自适应，但始终低于50px

---

例如，将高度设置为480px在iphone上看起来很好，但在笔记本电脑上看起来超小。但是，如果将高度设置为100%，它将填充两个：D

的屏幕，如果它超过元素的最大高度，我们是否必须通过溢出属性或什么来控制它？正确。一旦一个元素达到它的最大高度，你就需要决定如何处理它的溢出，就像它有一个设定的高度一样。也许了解这个行为最简单的方法就是在JSFIDLE（或类似网站）上使用属性height和max height