- 2009-12-03 16:38:03解决浏览器CSS兼容的一个方法
- 分类:HTML、SCRIPT、CSS评论:1 | 阅读: | 标签:blog,css,float,clear,浏览器,兼容
-
因浏览器对css的解释不太相同,而且相同的css及相同的浏览器在不同的分辨率下展现也会不同。在我的blog 2.0 beta版中就出现这样的问题,在1280、1440分辨率下左右两部分错位了,而在其他分辨率下都是好好的。历经千辛万苦,终于发现并解决了问题,并从中总结了一个方法。

首先通过IE8自带的开发人员工具对页面进行分解,发现各个部位的宽度大小都合适,没什么问题。



然后将网页另存为html,逐步删除页面中的部分代码以找到出现问题的代码,最终将top部分删除后整个页面正常了。

终于可以确定问题出在top部分,逐一检查css,发现top里有float的元素,但后面没有clear。于是在css里面加上“clear:both;”。终于问题解决了。

在此还要感谢给我提出这个问题并帮助我解决的站长朋友们!
- 发表评论
- 您的昵称
- 电子邮箱 电子邮箱不会公开
- 评论内容