页面在IE中排版错误,但是FF中没错

最新推荐文章于 2021-07-08 16:23:07 发布
原创 最新推荐文章于 2021-07-08 16:23:07 发布 · 452 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在使用<!DOCTYPE HTML PUBLIC>和<!DOCTYPE HTML PUBLIC>两种方式定义HTML文档类型时，在IE浏览器下的表现差异，并指出将<!DOCTYPE HTML PUBLIC>更改为<!DOCTYPE html PUBLIC>可以解决IE下的显示问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

发现问题是头文件用了

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

改为

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">N" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

IE下正常

最全面、最详细web前端面试题及答案总结
HanXiaoXi_yeal的博客
02-01 3万+
2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
史上最全最新前端面试题（不定期更新，有问题欢迎评论区对线）
lb_nizhanban的博客
06-13 2462
一阶段面试题： CSS浮动怎么理解的 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，也就是脱离文档流，所以文档的普通流中的块框表现得就像浮动框不存在一样。一般使用float来实现浮动，联系=》清除浮动的相关方法。27题 绝对定位相对定位怎么理解 absolute：绝对定位，将对象从文档流中拖离出来，使用left/right/top/bottom等属性相对其最接近的一个并有定位设置的父元素进行绝对定位；如果不存在这样的父对象，则依据根元素
使用css进行网页排版中遇到的一些问题总结
WitsMakeMen的专栏
03-12 1061
（1）margin属性：对于表格元素，只有表格标题（table-caption),表格(table)和行内表格（inline-table）有效。而单元格（table-cell），表格行（table-row）等margin属性无效。 （2）padding属性：不适用于表格行组（table-row-group），表格头部组（table-header-group），表格注脚组（table-footer
IE兼容模式下排版错乱问题解决
梦想起飞的地方.........
01-19 8649
IE浏览器从IE8开始添加了兼容模式，开启后会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出问题，于是我们通常在HTML中添加下列代码来使 IE 使用固定的渲染模式：                   还有一种情况，在IE8下只有不使用兼容模式页面才能显示正常，但是如果设定为IE8的模式，在IE9中却会导致CSS3失效。看来，需要针对 IE8、IE9 分别 禁用兼容模式。怎么办
窗口缩放导致页面排版错乱的解决方法
热门推荐
xiongqiangwin1314的专栏
08-22 4万+
简单的说就是设置body的宽度，那么如何动态的获取浏览器减去侧边滚动条之后的宽度，原理就是通过创建一个带有 滚动条的div（也就是overflow:scroll），利用offsetWidth-clientWidth得到滚动条的宽度，再利用 window.screen.availWidth减去滚动条的宽度即可得到浏览器除了滚动条以外的宽度，body再设置该宽度，即可解决 缩放排版错乱的问题，代
IE6支持HTML4,关于IE6.7.8.FF兼容的问题
weixin_42352080的博客
06-24 237
所有浏览器 通用 height: 100px;IE6 专用 _height: 100px;IE6 专用 *height: 100px;IE7 专用 *+height: 100px;IE7、FF 共用 height: 100px !important;一、CSS 兼容以下两种方法几乎能解决现今所有兼容.1, !important (不是很推荐，用下面的一种感觉最安全)随着IE7对!important...
DIV+CSS解决IE6，IE7，IE8，FF兼容问题
乐杨俊浅谈LAMP
09-05 1698
乐杨俊：DIV+CSS解决IE6，IE7，IE8，FF兼容问题 2011-07-25 21:11:47 DIV+CSS解决IE6，IE7，IE8，FF兼容问题 1.IE8下兼容问题，这个最好处理，转化成IE7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了： 1. <metahttp-equivmetahttp-equiv="x-ua-compatible...
IE6中CSS常见BUG全集及解决方案
奈文摩尔的世界
03-03 949
IE6双倍边距bug 当页面内有多个连续浮动时，如本页的图标列表是采用左浮动，此时设置li的左侧margin值时，在最左侧呈现双倍情况。如外边距设置为10px， 而左侧则呈现出20px，解决它的方法是在浮动元素上加上display:inline;的样式，这样就可避免双倍边距bug。   3像素问题及解决办法 当使用float浮动容器后，在IE6下会产生3px的空隙，有意思的
关于IE6.7.8.FF兼容的问题
weixin_39037804的博客
09-18 101
所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF...
IE6/7/8 FF兼容的问题
12-13 154
关于IE6.7.8.FF兼容的问题 hack 作为一个网络架构师，在网站设计的时候，应该注意遇到最常见的问题是css样式兼容不同浏览器问题，特别是对完全使用DIV CSS设计的网站，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网乱可能出去不想出现的效果！ 所有浏览器 通用 height: 100px; IE6 专用 _height: 100p...
HTML5andCSS3面试题大全
donglize521521的博客
03-08 6091
文章目录1.CSS引入(1)有哪些引入方式？通过link和@import引入有什么区别？（* ）(2)Style 标签写在 body 后和 body 前有什么区别？(3)什么是 FOUC(Flash of Unstyled Content)？如何来避免 FOUC2.CSS选择器(1) CSS选择器种类(2)CSS选择器的优先级3.CSS伪类和伪元素4.CSS盒模型4.有哪些方式（CSS）可以隐藏页面元素？4.**em\px\rem区别？****5.块级元素水平居中的方法？** 1.CSS引入 (1)有哪些引
前端基础总结--CSS
chenyouleww的博客
07-08 690
前端 1.1前端方向 所谓前后端本身就是 Web 开发中，为了区分在服务器上运行的和在浏览器上运行的东西而出现的定义。 前端开发的体系划分，在我看来，就是两种，第一种就是ui实现的，不重业务逻辑，动态交互的。第二种就是各种业务逻辑，动态交互，数据处理的。这是很明显区分你要做什么任务，以及开发时的顺序的。 一般的我们说前端都是小前端，就是web端。 大前端一般是指web端，小程序端，移动端（Android，iOS），Windows端，macOS端，Linux端 1.2前端的技术 前端能做什么？ 前端能做你上网
【Python】学习笔记——-20、Web开发
你只管努力，
03-03 3584
最早的软件都是运行在大型机上的，软件使用者通过“哑终端”登陆到大型机上去运行软件。后来随着PC机的兴起，软件开始主要运行在桌面上，而数据库这样的软件运行在服务器端，这种Client/Server模式简称CS架构。 随着互联网的兴起，人们发现，CS架构不适合Web，最大的原因是Web应用程序的修改和升级非常迅速，而CS架构需要每个客户端逐个升级桌面App，因此，Browser/Server模式
浏览器显示页面排版错误
weixin_30488085的博客
09-21 1651
　　这几天，习惯性使用360浏览器在网上查找资料，打开一些博客论坛之类的网页网站，就发现一个比较奇怪的现象： 　　　　刚点开链接的瞬间，看到的网页排版是很好的；接着页面在加载后，显示的排版就比较混乱，没有了换行和空格，所有内容都挤在一起，尤其是代码的时候特别看不下去。 　　我以为这些网页网站就是这样有点问题的，后来和别人交流中，发现同一网站就我出现这种情况 　　所以自己就想了想，猜想应...
easyUI中select下拉框添加option选项
xiaojian1018的专栏
05-26 3万+
使用jquery easyui的下拉列表combobox碰上问题，下拉列表的项都是从 数据库读出来的，然后我想在动态生成的项中添加一项："=全部="。 但怎么也添加不成功。 首先试了直接用jquery对该下拉列表进行添加操作： JavaScript code ? 1 2 3 4 5 6 7 8
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值