Home >Web Front-end >HTML Tutorial >IE6 does not support perfect solutions such as min-height or max-width_html/css_WEB-ITnose

IE6 does not support perfect solutions such as min-height or max-width_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:35:001494browse

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.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn