百度的筆試題有一道選擇題如下：問div的高度為多少
<style>
#app{
height:1000px;
min-height:500px;
max-height:300px;
}
</style>
<body>
<div id="app">
</div>
</body>
這就涉及到優(yōu)先級的問題简软，經(jīng)過實(shí)踐得到高度為min-height即500px射众。
在此經(jīng)過實(shí)踐碟摆，總結(jié)一些規(guī)律：
max-height這個屬性會阻止height屬性的設(shè)置值變得比max-height更大。max-height屬性用來設(shè)置給定元素的最大高度. 如果[height]屬性設(shè)置的高度比該屬性設(shè)置的高度還大,則[height]屬性會失效.max-height會覆蓋掉height, 但是min-height又會覆蓋掉max-height
實(shí)際效果有以下規(guī)律：
- 當(dāng)
height和max-height同時存在,取較小值责球，即：- max-height < height ------ 高度為max-height
- max-height > height ------ 高度為height
- 當(dāng)
height和min-height同時存在,取較大值焦履，即：- min-height < height ------高度為height
- min-height > height ------ 高度為min-height
- 當(dāng)
height和min-height和max-height同時存在,則:- height > max-height > min-height ------高度為max-height
- height > min-height > max-height ------高度為min-height
- min-height > height > max-height ------高度為min-height
