CSS布局中DIV为空时在IE6的不同表现
来源:互联网 发布:种族歧视数据 编辑:程序博客网 时间:2024/05/18 00:30
在实际应用中为了特殊的需要而用到一个空的DIV,并定义一个较小的高度值.通常的想法见下面代码: Html<div></div>Cssdiv{height:5px;} 以上代码在多数浏览器中都可正确显示,但我们在实际运用中,确不象理论上这么简单,特别的IE6中并非如你所想,好象有时可以定义高度,有时它就不知何原因失效了! 先给出我的测试代码,然后在详细说明: 分析:从代码中我总结了一些知识点 1.当一个空DIV只给高度时,它的高度在IE6下是可控的.一些元素如background-color,border...都不会影响高度的值; 2.如样式中有了height的话那IE会默认会有一个高度,其它的值如zoom:1也会产生这个"layout"可以自己尝试测试其它样式; 3.空DIV如果付与了一个"layout"的话,那么它的高度就与文字大小有关了,具体的文字大小所显示的实际高度值从测试页中可见; 4.可以看出IE所能显示的文字的最小高度值为2PX; 5.在实际解决问题中,我们就根据它的特点,因材施教,在样式中加入font-size:数值;如果height:12px;那么你的font-size要小于等于10px,也就是最大值可取到10px;在大的话会被文字撑开(撑开内容是IE6以下版本的一个BUG),所以最省事的方法也就是设置文字大小为0;以都是用设字体大小的办法解决问题,有的人还要加入一个行高,经测试行高对高度没有影响.所以加入行高没有必要. 第二个解决问题的方法是加入overflow:hidden;思路就是超出部分隐藏起来,这也是一个很好的方法! 说了那么多,我们只是的用测试的手段来分析一下总结出它的规律,当做一个技术研究,这样印象也深入一些,其实就两种方法,你只要记住这两种方法就可以了.
- CSS布局中DIV为空时在IE6的不同表现
- CSS在IE6、IE7和FF下的不同表现
- DIV+CSS在不同浏览器中的表现
- div css布局中float right在IE6中换行
- CSS在IE6、IE7、IE8和FF下的不同表现 兼容解决办法!
- 在IE6下用css设置div的高度为100%时失效的问题!
- 关于 IE6 IE7中 空div 高度却不为0的问题
- css中div的布局
- DIV CSS布局时兼容IE6-IE7-FF的方法_1472
- div+css在不同浏览器的兼容问题
- DIV+CSS在IE6和FireFox的区别
- [转]DIV+CSS在IE7/IE6/Firefox间的兼容性问题
- 修正网页中div或ul或其他块元素在IE6,IE7,FF,Opera中显示不同的杀手锏
- 修正网页中div或ul或其他块元素在IE6,IE7,FF,Opera中显示不同的杀手锏
- 关于css部份技巧, div在IE6/IE7/IE8/FF 不同浏览器 中的效果兼容
- css技巧div在IE6/IE7/IE8/FF 不同浏览器 中的效果兼容
- 高性能表现的div+css网站
- 完美解决CSS中position为fixed在IE6下无效的bug
- 理解面向对象和面向过程区别的一个小例子。
- 4月
- 4.17号alexa排名算法变化
- 基于MFC控件STATIC显示图片数据
- linux-2.6.24.4内核移植到s3c2440----使用busybox-1.9.2制作根文件系统
- CSS布局中DIV为空时在IE6的不同表现
- 利用文件级锁来实现行级锁
- MM VS 家乐福
- Oracle导入导出命令
- About 速溶咖啡
- 网页:超级实用的几种表单校验效果收集
- 深入探讨MFC消息循环和消息泵(转) - jack29的专栏 - CSDNBlog
- CURL入门
- 纪念曾经的Borland,希望CodeGear走好