关于IE和火狐的一些兼容

我不是女神ヾ 2022-05-15 05:10 355阅读 0赞

本文讲解了firefox火狐浏览器与ie浏览器在html代码编写时的差异,程序员有进行开发调试时,可按下面说到的HTML标签进行调试.

1.ul不同，ie下默认是margin留白，FF下默认是padding留白，所以要先用margin:0;padding:0;来实现兼容。
2.给定高度后，当内容过多，真实高度大于给定高度时，两者不同
还有呢？

在ff测试div+css的过程中发现不少问题，主要原因是代码的不规范书写。

1、居中问题
div里的内容，ie默认为居中，而ff默认为左对齐。
使ff内容居中的方法是增加代码margin:auto;

2、高度问题
设 有两横行div排列，上面的div设置高度(height)，如果div里的实际内容大于所设高度，在ff中会出现两个div重叠的现象；但在ie中， 下面的div会自动给上面的div让出空间。所以为避免出现层的重叠，高度一定要控制恰当，或者干脆不写高度，让他自动调节。
或者设置：overflow:hidden

3、clear:both;
拿 footer为例，有时候如果上面使用 了float控制的n列的布局，那么在用ff浏览时footer很有可能不老实，到处乱动——因为他还在受到浮动（float）的控制。如果想让它老老实 实呆在页面下方，在footer的div中写入clear:both;就可以达到效果了！

4、浮动ie产生的双倍距离
#box{
float:left;
width:100px;
margin:0 0 0 100px; //这种情况之下IE会产生200px的距离
display:inline; //使浮动忽略
}

5、重点讲解：display:block,inline两个元素 display(显示)
display:block; //可以为内嵌元素模拟为块元素
display:inline; //实现同一行排列的的效果
diplay:table; //for ff,模拟table的效果

Display:block元素的特点是：
总是在新行上开始；
高度，行高以及顶和底边距都可控制；
宽度缺省是它的容器的100%，除非设定一个宽度

,

,

,
,

发表评论

表情：
评论列表 （有 0 条评论，355人围观）

还没有评论，来说两句吧...

相关阅读