min-height最小高度的实现(兼容IE6、IE7、FF)(解决IE6不兼容min-height)

时间:2021-11-24 19:44:14

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="胡超">
<title>super胡</title>
<style>
div{
background:#ccc;
min-height:100px; /*高度最小值设置为:100px IE6不识别min-height 和min-width*/
height:auto !important; /*兼容FF,IE7也支持 !important标签 !important只是对于ie6不认识,IE6执行height:100px;其他浏览器执行height:auto !important;!important权重最高,相当于写在最下面*/
height:100px; /*兼容ie6*/
overflow:visible;
width:100px;
}
</style>
</head>
<body>
<div>
喝水为什么会中毒?
</div>
<br/>
<div>
喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?喝水为什么会中毒?
</div>
</body>
</html>