IE6 IE5.5 DIV height 小于20px不起作用
2010-11-08 09:47
246 查看
① IE6下默认的字体尺寸大致在 12 – 14px 之间,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height:4px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层。添加overflow: hidden; 解决问题。
② 应该多加一个属性:font-size:0px;就可以了.
③ 首先要看DIV有无内容,然后才会决定谁影响其高度: 1.当DIV为一个空标签的时候:DIV有一个默认的高度(大约20px左右吧),如果hiehgt的值小于这个数字,DIV不会有任何反应,大于则可以控制;而line-height在这儿根本没有用,因为没有内容,所以也就不存在行高了。 2.当 DIV标签内有内容时(哪怕是一个 ):DIV的高度依然是默认的(依旧是20px左右),而这时候的height仍然只能设置大于这个数的值,否则DIV不会受控制;但是,这时候却可以使用line-height来控制DIV的高度,准确来说是控制DIV内的内容行高,使 DIV受行高的变化而变化。不过,如果你设置了height的值,那么当line-height小于height的值的时候,DIV取的是height的值;如果line-height大于height的值,那这时候影响DIV高度的就是line-height的值了。在其它的浏览器就不会出现这个问题,也就是说line-height大于height的时候,DIV的高度依旧是height,最多是看不见内容,但DIV的高度不会被line-height所控制。 期间有一个朋友评论说“使用overflow:hidden;第二种情况也是由height来控制了”:嘿嘿,试了一下,的确如此,当DIV的高度被line-height撑高的时候,使用overflow:hidden;则会使超出DIV高度那部份的内容不可见,从而使DIV的高度受hiehgt控制。
② 应该多加一个属性:font-size:0px;就可以了.
③ 首先要看DIV有无内容,然后才会决定谁影响其高度: 1.当DIV为一个空标签的时候:DIV有一个默认的高度(大约20px左右吧),如果hiehgt的值小于这个数字,DIV不会有任何反应,大于则可以控制;而line-height在这儿根本没有用,因为没有内容,所以也就不存在行高了。 2.当 DIV标签内有内容时(哪怕是一个 ):DIV的高度依然是默认的(依旧是20px左右),而这时候的height仍然只能设置大于这个数的值,否则DIV不会受控制;但是,这时候却可以使用line-height来控制DIV的高度,准确来说是控制DIV内的内容行高,使 DIV受行高的变化而变化。不过,如果你设置了height的值,那么当line-height小于height的值的时候,DIV取的是height的值;如果line-height大于height的值,那这时候影响DIV高度的就是line-height的值了。在其它的浏览器就不会出现这个问题,也就是说line-height大于height的时候,DIV的高度依旧是height,最多是看不见内容,但DIV的高度不会被line-height所控制。 期间有一个朋友评论说“使用overflow:hidden;第二种情况也是由height来控制了”:嘿嘿,试了一下,的确如此,当DIV的高度被line-height撑高的时候,使用overflow:hidden;则会使超出DIV高度那部份的内容不可见,从而使DIV的高度受hiehgt控制。
相关文章推荐
- IE6 IE5.5 DIV height 小于2…
- Firefox,IE5,IE6,IE5.5等浏览器兼容性解决方法
- ie6中的div有默认高度,当定义一div小于其默认高度时,ie6仍会呈现div的默认高度,解决方法
- CSS HACK 兼容列表 Firefox, IE5, IE5.5, IE6, IE7, IE8
- Div内有ul li元素,Div设置高度100%,谷歌IE下li过多会显示滚动条,而火狐下就会滚动条就不起作用,li会撑大Div
- IE6下高度小于1——10像素时不起作用解决办法
- 火狐浏览器中Div为空时height,width不起作用
- [原创]IEtester IE5.5, IE6,IE7,IE8,IE9,IE10浏览器兼容性测试工具及下载地址
- IE6 两个div有间隙的问题(IE 3px bug)
- DIV的高度自动拉伸(height属性)在IE 7下无效和解决方法
- ie6 定义高度小于12px的div
- IE6下定义height高度异常,如何在IE6里定义高度小于18px的盒子
- IE5.0 IE5.5 IE6 中浮动元素在某些情况下会有双倍外边距
- 黄聪:DIV+CSS建站经验总结,不同版本IE下CSS布局bug问题(IE5、IE6、IE7、IE8、火狐Firefox兼容)
- IE6/Firefox CSS兼容问题 - 解决IE5/IE5.5/IE6/Firefox的CSS兼容性问题
- CSS min-height IE6、IE7、FF下DIV自适应高度
- IETester - IE5.5、IE6、IE7、IE8、IE9共存
- 纯css完美地解决图片在div内垂直水平居中,兼容IE7.0、IE6.0、IE5.5、IE5.0、FF、
- 一个在IE5.5,IE6,IE7,IE8都存在的BUG
- 【转】 解决IE5/IE5.5/IE6/FF的兼容性问题