`
ghyghoo8
  • 浏览: 193221 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

IE6的3像素BUG(魅影再现!)

 
阅读更多
话说,当一个容器中出现两个float元素时,IE6会无辜换行:容器width没有设置,
或者父容器宽度减去第二个容器宽度的值小于3,并会出现恶心的换行现象。。。

于是牢记,IE6是垃圾!

补充:有一种情况,当有两个浮动,一个在左,一个在右的时候,左的放后面,右的放前面,IE6方法。
分享到:
评论
2 楼 lllt 2011-04-07  
IE6的3像素BUG是指:容器在外部容器内向左浮动,未浮动的部分包围着浮动部分。但是IE6在解析这样的浮动时,会莫名的给靠紧浮动部分的未浮动部分添加3个像素的边距。
不知楼主所谓何物,看了好几遍没看懂,能否交流一下?
1 楼 ponyowa 2010-11-11  
不是很理解  两个横向浮动设置display:inline 即可。 至于你说的一左一右那要看float:left还是right了。 第一个float元素是最靠近float方向的。
于是牢记,必须兼容IE6

相关推荐

    莫名其妙的IE 3像素Bug

    标题中的“莫名其妙的IE 3像素Bug”指的是在Internet Explorer(IE)浏览器中出现的一种特定的布局问题。这种问题通常发生在网页元素的边缘,尤其是在不同浏览器间存在渲染差异时。IE浏览器由于其独特的渲染引擎,...

    bug tracker system!!!!

    bug tracker system!!!!bug tracker system!!!!bug tracker system!!!!bug tracker system!!!!bug tracker system!!!!bug tracker system!!!!

    解决IE6 3像素Bug的css写法

    这个Bug主要出现在浮动元素与非浮动元素相邻的情况下,导致非浮动元素在IE6下向右偏移3像素,影响页面布局的精确性。 要理解这个Bug的原因,我们需要知道在IE6中,元素的“hasLayout”机制起着关键作用。hasLayout...

    解决ie6下3像素bug问题

    标题“解决ie6下3像素bug问题”指的是在IE6浏览器版本下,两个浮动元素之间出现的不期望的3像素间隙问题。这个问题是一个常见的前端bug,主要是在IE6浏览器中由于其解析CSS的特殊性导致的,而这种问题在其他浏览器中...

    ie6BUG解决方案

    1. `opacity`属性:IE6并不支持CSS3的`opacity`属性。为了实现透明效果,开发者通常会依赖JavaScript库,如jQuery,或者使用专为IE6设计的滤镜(filter)属性。例如,可以使用以下CSS代码: ```css <!--[if IE 6]> ...

    ie6-ie7 dom渲染bug demo

    ie6-ie7 dom渲染bug demo

    IE6的3像素 bug解决方案分享

    在互联网技术日新月异的今天,老旧的浏览器版本往往会带来许多兼容性问题,而其中IE6的3像素bug就是前端开发者们挥之不去的噩梦。这个bug源于Internet Explorer 6 (IE6)的一个渲染错误,使得在特定布局条件下,文字...

    Java白板程序(有Bug,真的有Bug!!!)

    这个名为"Java白板程序(有Bug,真的有Bug!!!)"的资源显然聚焦于一个包含错误的Java程序,可能是用于教学或实际项目中的一个白板应用。白板程序通常指的是用于画图、演示或教学目的的软件,而在这里,它显然存在...

    IE6 PNG图片 BUG

    总之,"IE6 PNG图片 BUG"是前端开发历史上的一个痛点,虽然现在IE6的使用率已经极低,但在支持更广泛的浏览器兼容性时,理解这个问题仍然很重要。随着技术的进步,如今的浏览器已经更好地支持PNG和其他高级特性,但...

    IEbug、IE6页面问题

    IEbug、IE6页面问题、IE6样式问题

    好玩的Python猜数字游戏,超便宜!!!无bug,无毒!

    好玩的Python猜数字游戏,超便宜!!!无bug,无毒!

    多出三像素bug

    解决bug多出三像素

    背景透明 解决ie6下不透明bug

    兼容各浏览器,生成透明背景色代码,解决ie6下不透明bug

    ie特有bug文档

    - **问题描述**:在IE7中,当某元素的`border-width`中有小于3像素的边框设置为`dotted`时,该边框会显示为`dashed`而非预期的虚线效果。 - **解决方案**:避免在同一元素上同时使用不同宽度的`dotted`边框。 #####...

    iebug总结jar包

    "iebug总结jar包"是一个专门针对这些问题的资源集合,它包含了处理IE bug的相关资料,特别是针对IE6的解决方案。以下是基于这个主题的详细知识点: 1. **IE6的渲染引擎**:IE6使用的是Trident渲染引擎,它与现代...

    ie6bug问题解决

    在IT行业中,尤其是在Web开发领域,IE6(Internet Explorer 6)因其众多独特的bug和兼容性问题而闻名。这个压缩包文件"ie6bug"显然专注于解决与IE6相关的技术挑战。下面,我们将深入探讨IE6中的常见问题以及解决策略...

    ie6下定位bug解决

    另外,IE6中还存在一个`position: absolute`元素消失的BUG。当绝对定位的元素后面有浮动元素或负边距时,该元素可能会消失。解决方法是在消失的`div`后添加一个空的`div`,并使用条件注释来针对IE6: ```html ...

    ie6中页面的bug

    3. **浮动元素的display属性**:IE6存在一个著名的双倍外边距bug,当设置浮动元素的margin时,可能会导致外边距翻倍。解决方法是在浮动元素上添加`display: inline`,这样可以消除多余的外边距。 4. **启用...

    ie6兼容bug总结

    在网页设计中,兼容性问题始终是一大挑战,特别是针对早期版本的 Internet Explorer(IE),如 IE6。IE6 在解析 HTML 和 CSS 方面与其他浏览器存在显著差异,导致设计的页面在不同浏览器上的表现不一致。为了解决这...

Global site tag (gtag.js) - Google Analytics