在IE6,IE7 中DIV器皿固定不动高宽比的应用技能

2021-03-22 00:16 jianzhan
IE6和IE7对CSS的解释存在许多区别,今日谈在其中1点:height。
事例:
拷贝编码
编码以下:
<div style="height:50px">


IE6下:假如DIV里的內容高宽比不超出50px,DIV的高宽比便是50px,假如超出了设置的值,高宽比会随內容而撑开,也便是一般说的自融入高宽比。
IE7下:假如DIV里的內容高宽比不超出50px,DIV的高宽比便是50px,假如超出了设置的值,DIV的高宽比仍会固定不动在50px,过剩的內容会超出DIV而外溢,假如DIV下面也有其它內容,就会和外溢的內容重合在1起。

这明显是1个十分值得留意的地区,若不解决会引发网页页面紊乱。处理这个难题一般分两种状况:

1,高宽比为主:让DIV的高宽比固定不动为50px,多出的內容要掩藏,两个访问器的CSS可1并写为:
拷贝编码
编码以下:
<div style="height:50px;overflow:hidden">
,overflow:hidden这个很关键,适配性全靠他了

2:內容为主:让DIV高宽比最少为50px,內容过量时DIV高宽比自融入內容是多少。这时候必须用到CSS HACK做1些适配解决:
<div style="min-height:50px;_height:50px;">,min-height:50px 最少高宽比,这个IE7和FF可鉴别,_height:50px 加下划线目地只让IE6鉴别。