IE6 does not support min-height. How to solve the problem of height adaptation:
IE6 has many problems, which has brought a lot of troubles to everyone. Here is an introduction because IE6 browser The min-height attribute is not supported, causing the height to be unable to adapt. In other standard browsers, we can use the min-height attribute to specify a minimum height for the container. If the content exceeds this minimum height, the container will be automatically stretched to achieve a height-adaptive effect. However, IE6 browser does not support this attribute. , but IE6 itself has highly adaptive characteristics. Maybe you will think that as long as you use the height and min-height attributes at the same time, you can achieve a highly adaptive effect, for example:
1 |
|
Judging from the running results, IE6 has achieved a highly adaptive effect, but in other standard browsers, the height of the container is 100px, causing overflow because the min-height attribute is overridden by the height attribute. Then the above CSS code is equivalent to the following code:
1 |
|
Let’s modify the CSS code as follows:
1 |
|
In the code, we added height:auto!important, so that we can achieve the height adaptive effect. However, since the priority of height:auto!important is higher than height:100px, there is no minimum height effect. Modify the code again:
1 |
|
Using the above CSS code can be compatible with the highly adaptive issues of all browsers.
The original address is: http://www.51texiao.cn/div_cssjiaocheng/2015/0429/422.html