4、浏览器中是不一样的,实验起源于对小height值div的运用,
5、ft或者margin-right实际效果是数值的2倍。解决方案,给浮动容器定义display:inline。6.mirrormarginbug,当外层元素内有float元素时,外层元素如定义margin-top:14px,将自动生成margin-bottom:14px。padding也会出现类似问题,都是ie6下的特产,该类bug出现的情况较为复杂,远不只这一种出现条件,还没系统整理。解决方案:外层元素设定border或设定float。引申:ff和ie下对容器的margin-bottom,padding-bottom的解释有时不一致,似乎与之相关。7.
6、吞吃现象,限于篇幅,我就不展开了。还是ie6,上下两个div,上面的div设置背景,却发现下面没有设置背景的div也有了背景,这就是吞吃现象。对应上面的背景吞吃现象,还有滚动下边框缺失的现象。解决方案:使用zoom:1。这个zoom好象是专门为解决ie6bug而生的。8.注释也能产生bug~~~“多出来的一只猪。”这是前人总结这个bug使用的文案,ie6的这个bug下,大家会在页面看到猪字出现两遍,重复的内容量因注释的多少而变。解决方案:用“picRotatestart”方法写注释。9.
里加floa7、t
,这是一个典型的,棘手的兼容问题,希望引起大家正视,给li不同的属性会有不同的解释效果,ff下的解释稍可理解,ie6下的解释会让你摸不着头脑,由于问题的复杂性,将另起一文专门讨论该问题。在《ul使用心得》一文里有相关成果,却没给出问题解决的过程。10.使用了“float:left;display:inline”的ul的奇怪表现。可以看出这句css是针对ie6下的doublemarginbug而加上的display:inline,这也是我的css体系里的重要一环,在《ul使用心得》一文中有相关阐述。而这句css用在ul上会让你痛苦不堪。点到8、为止,这里不能多说哈。11.img下的留白,大家看这段代码有啥问题:
此文档下载收益归作者所有