所有浏览器的简单最小高度

Posted 2021-02-27

This snippet uses html>body instead of * html. Works in all modern-browsers, degrades to just height for older browsers.

#minHeightItem
{
	height: 100px;	/* this is the height that IE6 and other older browsers will use */
}
 
/* "html>body" is preferred over other methods because it is valid CSS, it doesn't have problems with specificity that other methods have, and it is forwards compatible */
html>body #minHeightItem
{
	height: auto;	/* reset the height for compliant browsers */
	min-height: 100px;
}