min-height :元素最小高度
例:min-height:300;
元素高度<300 元素高度=300
元素高度>300 元素高度=实际高度
max-height :元素最大高度
例:max-height:300;
元素高度<300 元素高度=实际高度
元素高度>300 元素高度=300
min-width :元素最小高度
max-width :元素最大高度
IE6及以下不识别 min-height ,在IE6及以下height被当作 min-height
_ 是IE6及以下浏览器的私有前缀,其他浏览器都不识别
所以要实现一个所有浏览器的都能做到最小高度300px应该这么写:
_height:300px;
min-height:300px;
这是一种hack写法,这种写法是一种人为解决浏览器不兼容情况的写法
第二种hack写法:
min-height:300px;/最小高度,IE7以上能识别/
height:300px;/IE6及以下识别为最小高度,IE7以上识别为高度/
height:auto!important;/IE6及以下不识别,IE7以上为了覆盖上一条属性,将高度改为默认内容物撑开/