It’s IE6 again! ! ! The annoying IE6 does not support min-height, but in actual operation, this attribute is very needed. So how to implement it under IE6? Please see the perfect solution provided by geniusalien:
(Geniusalien’s warm reminder: The min-height operation method in this article is tried on min-width, max-width, and max-height. Follow the same solution as below!)
First method: We can use IE6 not to recognize !important to achieve:
height:auto !important;
height:100px;
min-height:100px;
These three sentences can achieve a min-height value of 100px under IE6. I don’t know why it is so magical, but it solves the problem.
The second method: overflow:visible attribute implementation:
min-height:100px;
_height:100px;
overflow:visible;
No. Please explain the two methods:
min-height:100px; this sentence can be displayed normally in ie7 and FF.
_height:100px is displayed normally in ie6 and ie5 tests. But it cannot pass W3C verification
overflow:visible; This sentence is to indicate that #test will be automatically extended when the content exceeds 100px.
Note: You must ensure that everything except #test is overflow:visible. Otherwise, the excess will not be displayed.