文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

ie6出现错位的情况有哪些

2024-04-02 19:55

关注

今天就跟大家聊聊有关ie6出现错位的情况有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

由于IE6的使用人群非常广泛,这就导致所有的网站开发人员都得向IE6的网页标准看齐。为了能让网站在IE6下可以正常显示,不知花费了多少开发人员的休息时间来加班调试。甚至有些网站干脆只针对IE6进行支持,使用其他浏览器浏览时会导致网页错位或者不响应等问题。

今天做了个项目,做到一半用浏览器测试了一下,所有浏览器都正常,就是ie6下错位,css找了半天头都大了,还是多出1像素,但是检查所有都正常,郁闷,之后发现了ie6一般出现错位的几种情况(备用+分享):

IE6错位一般有两种情况。

一种是,你把所有像素都填满了,例如900px,你左,200,中500,右200,在其他都没有问题,理论上也对,可是IE6不行。所以你必须得稍减到几像素才可以,例如200+498+200,这样可以解决这个问题,其实一般设计左右之间都有空。如果左右结构的话,一般是左边200加一个空20再加上680,其实你只要设置左float:left,右float:right就行了。中间的20就留它去自行决择,这样左右错位就解决了。

第二种就完全是你css设置的问题了。如果左中右结构 左中都设置成float:left,右设置成float:right,中和右的空可以不管,可是左中为了留空必须在中的css 里加上margin-left:10px才可以解决,切记一定要加上display:inline。否则在ie6下面,margin-left:10 px就变成20px;

一般情况下错位都是由于上两种原因造成的,也有的是可能因为都设置好宽度了,但里面的内容超过了这个宽度,你只要在个css加上over-flow:hidden.就行了。

现在的网站开发人员,为了支持所有浏览器的同时支持IE6, 添加的独立代码要达几十甚至几百行。为了兼容IE6,开发人员浪费了很多时间和精力。

看完上述内容,你们对ie6出现错位的情况有哪些有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注编程网行业资讯频道,感谢大家的支持。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯