<!doctype html>
<meta charset= "UTF-8" >
<meta name= "Author" content= "Hu Chao" >
<title>super Hu </title>
<style>
div{
Background: #ccc;
min-height:100px; /* Height minimum set to: 100px IE6 does not recognize Min-height and min-width*/
Height:auto!important; /* Compatible FF,IE7 also supports!important tags!important just for IE6 do not know, IE6 execute height:100px; other browsers perform Height:auto!important;! Important the highest weight, equivalent to write at the bottom */
height:100px; /* Compatible with ie6*/
overflow:visible;
width:100px;
}
</style>
<body>
<div>
Why is drinking water poisoned?
</div>
<br/>
<div>
Why is drinking water poisoned? Why is drinking water poisoned? Why is drinking water poisoned? Why is drinking water poisoned? Why is drinking water poisoned? Why is drinking water poisoned? Why is drinking water poisoned? Why is drinking water poisoned? Why is drinking water poisoned? Why is drinking water poisoned? Why is drinking water poisoned? Why is drinking water poisoned? Why is drinking water poisoned? Why is drinking water poisoned? Why is drinking water poisoned? Why is drinking water poisoned? Why is drinking water poisoned?
</div>
</body>
Min-height Minimum Height implementation (compatible with IE6, IE7, FF) (resolves IE6 incompatible min-height)