IE6下注释引起的文字溢出和浮动错位

绘绯琰

绘绯琰

2016-02-20 00:11

下面图老师小编要跟大家分享IE6下注释引起的文字溢出和浮动错位,简单的过程中其实暗藏玄机,还是要细心学习,喜欢还请记得收藏哦!

在网站改版过程中,Div和css代码都么没有问题,在IE7,IE8,Firefox下都能正常的运行,但是在IE6下,出现文字溢出的Bug, 通过对比正常的网页与出错网站的代码,发现是因为注释代码的问题.通过查询,得知,html的注释代码的确能引起布局混乱,简单的方法就是,删除所有的注释代码,布局就显示正常.

如下是有关这个问题的跟具体的文章,供大家参考.

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

在网页设计以及编程的时候,适当的进行注释,不仅使自己的思路清晰,极大地减轻了维护的难度,而且方便项目组其他人了解你的代码,方便对代码的理解以及修改等,但最近在用div+css布局时,经常会遇到一些意想不到的麻烦,而这些麻烦在解决的过程中居然都是注释所引起的。

麻烦一:注释所引起的文字溢出这个是比较常见的问题,例如下图1中,多出的地图两个字就是由于注释所引起的,去除注释之后就恢复正常。

麻烦二:注释所引起的浮动错位

如下图2,本来布局是打算做成这样子的,为了看的清楚,我把那两个层添加了背景颜色,但由于添加注释的原因,浮动并不能按照正常来显示,而是掉了下来,如图3,一开始以为是浮动的原因,在仔细检查之后排除浮动以及其它的原因之后,删除注释,恢复正常。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

这是目前我在做模板时,所发现由于注释所引起的两个问题,最简单的解决方法是删除注释,但由于注释在很多时候是很有必要的,所以还有一种办法可以解决,就是不要把注释所放在两个浮动的层之间,具体的方法需要去不断尝试。


展开更多 50%)
分享

猜你喜欢

IE6下注释引起的文字溢出和浮动错位

Web开发
IE6下注释引起的文字溢出和浮动错位

网页注释在IE中产生文字溢出

Web开发
网页注释在IE中产生文字溢出

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

网页在IE6下错位在IE7下正常的问题

Web开发
网页在IE6下错位在IE7下正常的问题

网页在IE6下正常在IE7下错位的问题

Web开发
网页在IE6下正常在IE7下错位的问题

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

IE6在解析浮动:3像素Bug

Web开发
IE6在解析浮动:3像素Bug

IE6下DIV高度显示的Bug

Web开发
IE6下DIV高度显示的Bug

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

CSS教程:expression在Chrome的问题

CSS教程:expression在Chrome的问题

开启Windows 8自带Hyper-V功能创建虚拟机

开启Windows 8自带Hyper-V功能创建虚拟机
下拉加载更多内容 ↓