Question

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

Answer 1

这基本上就是你所说的。高度为50px的div总是高50px。

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

Answer 2

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

#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;
}

Answer 3

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

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

设置max-height设置max-height为50px将保持其适应性，但总是低于50px。

例如，将高度设置为480px在iphone上看起来不错，但在笔记本电脑上看起来会非常小。如果您将高度设置为100％，它将填满两个屏幕：D

高度属性CSS

3 个答案: