ie8与ie9在不设置浮动的情况下怎么样来兼容?

发布网友发布时间：2022-05-10 05:48

共1个回答

热心网友时间：2022-04-22 01:27

解决IE6、IE7、IE8、Firefox兼容的几种方案

浏览器不兼容，你知道源头吗？

凡事都要知其然，才能知其所以然，前端开发的朋友想毕都会碰到浏览器兼容的问题，今天在网上觅到此文，希望对大家有用。

浏览器的不兼容，大家肯定都是深恶痛绝的，往往我们只是去做修补，却忘了更重要的事情，那就是追溯根源，避免类似的不兼容再次出现。在下不才，归纳几点html编码要素，望能指点各位：

1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，IE下实际占高16px，下留白3px，Firefox下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定line-height。确保所有文字都有默认的line-height值。这点很重要，在高度上我们不能容忍1px的差异。

2.Firefox下容器高度限定，即容器定义了height之后，容器边框的外形就确定了，不会被内容撑大，而IE下是会被内容撑大，高度限定失效。所以不要轻易给容器定义height。

3.还讨论内容撑破容器问题，横向上的。如果float容器未定义宽度，Firefox下内容会尽可能撑开容器宽度，IE下则会优先考虑内容折行。故，内容可能撑破的浮动容器需要定义width。