`
caibinghong
  • 浏览: 148868 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

IE6下的双边距Bug!

 
阅读更多

IE6下的双边距Bug!

例：

.db_margin{

     float:left ;

     margin-left:100px;

}

 

!IE6情况

    正常边距100px 

 

IE6情况

    变成了200px

 

why?what?为什么会这样，怎么搞定它？

测了各种浏览器，只有IE6内核下才会出现这个bug。

好了，看来它很调皮

那么我决解它：

   给样式加一个 display:inline;

这样好像就可以了。

 

 

分享到：
| 前端技术系列课程(No.4) – 深入学习Java ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    iebug总结jar包

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

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

    `position:absolute`在IE6下可能无法正常工作，需要使用`position:relative`和`left/top`配合，或者使用`position:static`和`margin`调整。 8. **层叠上下文** IE6对层叠上下文的理解不同于其他浏览器，可能导致z...

    css_bug与解决方法

    解决该bug的方法包括使用JavaScript或CSS hack，如`*html`选择器来针对性地修改样式，确保在IE6下元素的正确显示。 总结，面对CSS bug，开发者需要具备一定的调试技巧和跨浏览器兼容性知识。通过理解CSS的工作原理...

    margin值在IE6变成双倍

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

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

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

    ie6十大兼容性问题

    IE6中的一个常见问题是浮动元素的边距加倍问题，即所谓的 “双边距 bug”。为了解决这个问题，可以将浮动元素的 `display` 属性设置为 `inline`。 **示例：** ```css #floatElement { float: left; display: ...

    IE6下兼容性常见的几个问题与解决方法

    第七个问题，IE6的双边距bug，横向margin值会被放大两倍。使用display:inline可以修复这个问题，使元素不被视为块级元素，从而避免边距加倍。 最后，问题八涉及到IE6下的外边距消失。当父元素宽度和内容宽度差异...

    IE6常见bug附解决方法

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

    DIV+CSS浏览器兼容方法的总结

    - 当一个元素设置了`float`属性并且具有`margin`时，在IE6中可能会出现双边距bug。 - 解决方案是将`float`元素的`display`属性设为`inline`。 - 示例代码： ```css div { float: left; margin-left: 10px; ...

    浏览器兼容代码大全

    IE6存在一个双边距Bug，在某些情况下，浮动元素的左边距会比预期的大一倍。通过将浮动元素的`display`属性设置为`inline`，可以有效地避免这个问题。 ##### IE6 图像透明背景问题 1. 使用GIF格式的图像替代PNG格式...

    前端入门10个css bug顺口溜

    1. **双边距问题：** IE浏览器中，当浮动元素内部包含绝对单位（如`px`）的`margin`时，可能会出现双边距问题，即实际外边距比预期大。 2. **解决方法：** 将浮动元素设置为`display: inline`可以避免双边距问题，...

    DIV+CSS解决各浏览器兼容问题

    IE6存在一个著名的双边距BUG，即当元素设置为`float`属性后，其左右`margin`会出现加倍现象。解决此问题可以通过添加!important声明来覆盖IE6的错误计算： ```css margin-left: 10px !important; /* IE7, IE8, FF ...

    浏览器兼容性问题1

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

    「前端攻城狮学习笔记七：常见前端面试题之HTMLCSS部分(二)」.docx

    2. IE6 的双边距 Bug。当浮动元素设置了 margin 时，IE6 会显示不正确。解决方案是在浮动元素的样式中添加 `display: inline;`，将元素转换为行内元素。 3. IE6 和 IE7 中元素高度超出设定高度的问题。这通常是由于...

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

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

    美工笔试题目

    IE6存在双边距bug，即块级元素在浮动后会显示额外的空白。解决方案通常涉及使用负margin或使用clearfix技术。 ### 12. 1px容器的定义 创建高度仅为1像素的容器可以通过绝对定位和设置高度为0、上边距为1像素的方式...

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

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

Magicbox
Global site tag (gtag.js) - Google Analytics