在IE6下,浮动层之间有注释文字的话,之前那个浮动层的内容文字就有可能遭遇一个“隐形”的复制,但是代码里查看文字可并没有多出来。
问题原因以及解决方法:
原因:
由注释造成文字溢出,属于IE6的BUG,溢出文字的字数=注释的条数*2-1,这里的字数在中文或英文数字时都成立。注释坐在位置与溢出位置、区块的浮动以及文字区块的固定宽度有必然联系。
解决办法:
1、不放置注释。最简单、最快捷的解决方法;
2、注释不要放置于2个浮动的区块之间;
3、将文字区块包含在新的<div></div>之间,如:<div style=”float:right; width:400px”><div>这就是多出来的那只猪</div></div>;
4、去除文字区块的固定宽度,与3有相似之处;
5、在后面加一个<br />或者空格;(不推荐)
6、使用IE注释格式,如:<!–[if !IE]>Put your commentary in here…<![endif]–>
7、给盒子加position:relative;属性<--我上次遇到时的解决方式!
相关推荐
然而,IE6存在许多已知的兼容性和渲染问题,其中之一就是“文字溢出”现象,特别是在注释的情况下。这个问题是由于IE6的解析机制存在一个经典BUG,导致在某些情况下,页面中的文字会莫名其妙地多出一行。 这个BUG的...
IE7修正了IE6中的一个bug,bug名字就叫做“3像素bug”,即文字溢出bug. 表现形式是ie6浏览器下文字或者图片溢出,莫名其妙的自动复制几个字符。如下图,就自动溢出了一个“下一页”。 二、3像素bug是怎么产生的?...
4. **内部盒模型溢出问题**:当内容超出父元素时,IE6会自动扩展父元素的大小。使用`overflow:hidden`可以阻止这种扩展。 5. **默认行高bug**:IE6中的`line-height`可能不会按预期工作。为确保正确设置行高,需要...
问题的核心在于,当在HTML代码中使用注释,并且这些注释位于浮动元素之间时,IE6可能会错误地计算文字的宽度,从而导致文字溢出。这个问题的计算公式是:溢出文字的字数=注释的条数*2-1。无论这些文字是中文还是英文...
在IE6中,给浮动元素设置`margin-left`或`margin-right`会导致实际效果加倍。解决方案是在浮动元素上设置`display:inline`。 6. **镜像外边距Bug**: 当外层元素包含浮动元素时,IE6可能会自动生成`margin-bottom...
在网页设计中,DIV+CSS布局是现代网页标准之一,但在不同的浏览器间存在诸多兼容性问题,特别是老版本的浏览器,如Internet Explorer 6 (IE6)。这些兼容性问题通常涉及字体、高度、宽度、边距、背景以及浮动元素等。...
FIX 修改溢出bug FIX 修改两处可能造成Flash上传时用户组变更的地方 FIX 邮件填写时为大写造成判断错误的BUG FIX 修改模板语法错误 FIX 笔误导致文件名错误 FIX 设置游客禁止访问,正确登录后跳转路径错误 问题...
FIX 修改溢出bug FIX 修改两处可能造成Flash上传时用户组变更的地方 FIX 邮件填写时为大写造成判断错误的BUG FIX 修改模板语法错误 FIX 笔误导致文件名错误 FIX 设置游客禁止访问,正确登录后跳转路径错误 问题...
FIX 修改溢出bug FIX 修改两处可能造成Flash上传时用户组变更的地方 FIX 邮件填写时为大写造成判断错误的BUG FIX 修改模板语法错误 FIX 笔误导致文件名错误 FIX 设置游客禁止访问,正确登录后跳转路径错误 问题...
FIX 修改溢出bug FIX 修改两处可能造成Flash上传时用户组变更的地方 FIX 邮件填写时为大写造成判断错误的BUG FIX 修改模板语法错误 FIX 笔误导致文件名错误 FIX 设置游客禁止访问,正确登录后跳转路径错误 问题...
在CSS网页设计中,我们经常会遇到各种各样的问题,即所谓的“BUG”。下面是一些针对这些问题的解决策略,这些策略被巧妙地编成了顺口溜,帮助开发者快速记忆。 1. **IE边框若显若无**:在Internet Explorer(IE)...
这种方法在大多数现代浏览器中都能很好地工作,包括IE6.0至8.0和Firefox 3.0.10。不过,对于某些情况,特别是涉及`input`元素的`value`隐藏,这种方法可能不太适用。 3. **添加`<span>`并设置`display:none`** 这...
13.2.5 IE文字溢出现象 307 13.2.6 IE6 Peekaboo Bug(捉迷藏) 309 13.2.7 IE6 Guillotine Bug(断头台) 310 13.2.8 列表背景消失Bug 312 13.2.9 针对IE7.0的hack 313 13.2.10 正确看待IE 314 13.3 小结 315
10. **IE6双倍边距BUG解决方案**: 当浮动元素使用`margin`时,IE6会出现双倍边距问题。通过添加`display:inline`可以使元素表现为内联元素,从而解决这个问题。 以上是针对前端面试中常见的一些技术点的详细解释...