DIV CSS web page layout The wonderful use of minimum height (min-height)_Experience exchange

Assuming there are two BOX, we need its minimum height to be 150PX.
CSS
div.box1,div.box2{
width: 300px;
min-height: 150px;
background: #EEE;
float: left;
margin -right: 20px;
}
xhtml

The current effect is that the minimum height is not maintained at 150px in IE.
The solution
Set a height for IE
* html div.box1,* html div.box2{height: 150px;}
The solution for wellstyled.com is to use CSS attribute selection Attribute Selectors
div.box1,div.box2{......height: 150px;}
/* IE relies on this to maintain the minimum height, and it will automatically extend downwards if it exceeds it*/
div[class].box1,div[class].box2{height: auto;}
/* DIV object with class selector (class) attribute*/
IE naturally does not support it, Opera and Mozilla support, reading this height. Applicable occasions: search, article and other pages (100% height is not used, so that when the content found is less, the page will not be too short.