`
heyJoe
  • 浏览: 27374 次
  • 性别: Icon_minigender_1
  • 来自: 西安
最近访客 更多访客>>
社区版块
存档分类
最新评论

IE6的双边距BUG

    博客分类:
  • CSS
 
阅读更多

也被叫做双边距bug。

 

在ie6中, 元素设置了float: left/right属性, 还设置了margin-left/right: ?px属性, 那么实际显示出来的margin将会是实际设置长度的2倍。

 

在ie6中, bug的出现也是有一定的条件的, 经过测试, 如果设置float的元素不是在屏幕的最左/右边话, 将不会发生。

 

测试代码会在以后加上

 

分享到:
评论

相关推荐

    前端开发面试题.pdf

    - IE6双边距bug:可以使用`_display:inline;`修复。 - 渐进增强和回退策略:使用条件注释或CSS hack处理不同IE版本的差异。 - 自定义属性和事件对象属性:统一使用`getAttribute()`获取自定义属性,并处理`event`...

    2015前端面试题(含答案)1

    - **IE6双边距bug**:浮动元素的宽度计算问题,可使用负margin或`display:inline-block`解决。 此外,前端开发者还需了解: - **Web标准**:理解W3C标准,关注语义化HTML和CSS规范。 - **浏览器内核差异**:处理...

    前端开发面试题整合(css、js、vue。react等)

    * IE6 双边距 bug:块属性标签添加了浮动 float 之后,若在浮动方向上也有 margin 值,则 margin 值会加倍。 * 上下 margin 重合问题,相邻的两个 div margin-left margin-right 不会重合,但相邻的 margin-top ...

    iebug总结jar包

    5. **双边距问题**:在IE6中,浮动元素的内联元素会额外增加一个像素的边距,可通过负margin或者`display:inline-block`来修复。 6. **CSS选择器限制**:IE6不支持一些高级CSS选择器,如`:hover`在非链接元素上、`:...

    网页排版IE6兼容性问题修改方法

    当元素设置为`display:inline-block`时,IE6会出现双边距bug,可以通过设置`display:block`或`zoom:1;`(触发hasLayout)来消除。 5. **hasLayout机制** IE6特有的hasLayout机制,当元素满足某些条件时,会自动...

    margin值在IE6变成双倍

    标题中的“margin值在IE6变成双倍”指的是在Internet Explorer 6(简称IE6)浏览器中,当设置元素的外边距(margin)时,可能会遇到一个知名的兼容性问题,即所谓的“双边距问题”(Double Margin Bug)。这个问题主要...

    IE6兼容性问题及IE6常见bug详细汇总

    2、IE6在块元素、左右浮动、设定marin时造成margin双倍(双边距) 解决方法:display:inline 3、以下三种其实是同一种bug,其实也不算是个bug,举个例子:父标签高度20,子标签11,垂直居中,20-11=9,9要分给文字...

    IE6常见bug附解决方法

    doctype html> 2、IE6在块元素、左右浮动、设定marin时造成margin双倍(双边距)解决方法:display:inline 3、以下三种其实是同一种bug,其实也不算是个bug,举个例子:父标签高度20,子标签11,垂直居中,20-11=9...

    网站布局--前端布局之BUG堆积如山.rar

    布局中,IE6的兼容性是比较令人头疼的,对于3像素BUG、margin双边距、下拦菜单被选择框摭住、躲猫猫BUG、边框线右若隐若现情况啊、、、、等等的产生机理,都有详细分析,有兴趣的童鞋可以看下以做参考。相信会在实际...

    浏览器兼容性问题1

    5. **浮动bug**:包括3px像素空隙、浮动元素的宽度计算、浮动元素折行以及双边距bug等,这些都是IE6和IE7中的常见问题,需要特别处理。 6. **定位问题**:在IE6中,绝对定位元素的位置可能出现1px的偏差,同时浮动...

    CSS兼容性问题解决方案[归类].pdf

    CSS 兼容性问题解决方案 本文档旨在解决 CSS 中的兼容性问题,涵盖了多个方面的解决方案,包括 DOCTYPE 的影响、盒模型的解释不一致、ul ...在 IE 中,存在双边距 bug,解决方案是将 display:inline; 添加到 div 中。

    1.css常用公共样式 与bug解决方案

    3. IE兼容性问题:针对IE浏览器的特定bug,如双边距问题,min-height不支持等,使用条件注释或polyfill。 4. 动画卡顿:优化CSS3动画性能,避免过度使用复杂的动画,或者利用requestAnimationFrame提升流畅度。 5. ...

    css 多浏览器兼容解决方案 下载

    13. **IE的双边距bug**: 当浮动元素设置`margin`时,IE会产生额外的边距。解决方法是使用`display:inline-block`或`float:none`,或者使用`clearfix`类消除浮动。 以上是针对CSS多浏览器兼容的一些常见问题和解决...

    初级Web前端工程师面试必看面试题HTMLCSSJavaScript.docx

    针对IE6的常见问题,如双边距BUG、浮动引起的3像素问题、Z-index问题等,需要使用特定的技术或hack进行修复。 【页面优化】: 为了提高网站性能,可以通过文件合并、文件压缩、CDN内容分发网络、利用HTTP缓存等方式...

    前端开发面试题及答案

    3. IE6 BUG 的解决方法:双边距 BUG、3 像素问题、超链接 hover 点击后失效等。 其他 1. 标签上 title 与 alt 属性的区别:alt 属性用于图片不显示时的替代文字,title 属性用于提供信息。 2. CSS Reset 的作用和...

    前端入门10个css bug顺口溜

    css浏览器不兼容很折腾人。天外飞仙在其他网站上趴下来的,读了遍,还真是回事,说的蛮好的,就转来,权当给自己做笔记,俗话说的好,好记性不如烂笔头,也顺便给大家分享。

    2016前端面试题及答案.pdf

    10. **IE6常见bug的解决方法**:双边距bug通过display属性解决,3像素问题使用display:inline,超链接hover失效需调整顺序,z-index问题给父级设置position,PNG透明问题用js,min-height使用!important,select遮盖...

    史上最全前端面试题(含答案).docx

    10. **IE6常见问题及解决方法**:包括双边距BUG、3像素问题、超链接hover失效、z-index问题、PNG透明问题、min-height问题以及select遮盖问题等,这些问题通常需要针对IE6的特性进行特殊处理。 11. **img标签的...

    Css浏览器兼容的解决方法

    IE6存在双边距问题,可以使用`display:inline`或负边距来解决。例如: ```css 浮动元素 { float: left; display: inline; /* 或 */ margin-left: -3px; /* 负边距修正 */ } ``` 四、最小高度(min-height) IE6...

    最新史上最全前端面试题(含答案).docx

    10. **IE6常见BUG及解决方案**:双边距BUG、3像素问题、超链接hover失效、z-index问题、PNG透明问题、min-height问题、select遮盖问题、1px宽度容器问题等,通过各种CSS技巧或JavaScript解决。 11. **标签title与...

Global site tag (gtag.js) - Google Analytics