解决在IE6的双倍边距的BUG问题

浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline.
以下是HTML网页特效代码，点击运行按钮可查看效果：
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

时间： 2024-10-27 18:11:46

解决在IE6的双倍边距的BUG问题的相关文章

ie6 文字溢出bug(注释bug) 双倍边距(margin)的bug 宽度100%问题解决方法

1.在以下情况下将会引起文字溢出bug 一个容器包含2两个具有"float"样式的子容器. 第二个容器的宽度大于父容器的宽度,或者父容器宽度减去第二个容器宽度的值小于3 在第二个容器前存在注释(这也是为什么此bug也叫做"IE6注释bug"的原因). 2.引起bug时的效果图                 这是正常效果        IE6下却多了一个"怪"字,真是怪   3.修复该bug的解决方案 改变结构,不出现[一个容器包含2两个具有&q

关于居中布局和IE双倍边距bug_CSS/HTML

今天google了一下css居中布局的问题,结果差不多都是引用了同一篇文章.在ie中要居中,只要在<body>元素中定义text-align:center;的属性.而在firefox中,需要定义一个wrapper包裹器.然后指定margin-left:auto;margin-right:auto;的属性来使区块在firefox中居中.其实,我自己都是用margin:auto;的缩写margin属性来设定居中.margin缩写属性是上.右.下.左的顺时针顺序来设定四个方位的页面边距的.需要注意的

IE中怎么会出现双倍边距？

IE6.0环境中双倍边距BUG.先看下面的CSS代码.  代码如下 复制代码 div {     float:left;     margin-left:10px;     width:420px;     height:150px;     border:1px solid red     } 这样设置以后.本来左边距设置为10px,但IE6.0解释为20px,这是一个比较头疼的问题. 但解决也非常简单.办法就是是加上display:inline.就搞定了.看下面的示例对比! 双陪边距的效果:

js完美解决IE6不支持position:fixed的bug

  关于IE6,虽然它已被微软抛弃很久了,但是由于大天朝的特殊行情(盗版)对于前端工程师来说,解决IE6兼容position:fixed的问题显得很重要.特别是你需要用到头尾悬停调用的时候 先来看段代码 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Typ

解决在IE6下文字溢出（多出一行字）的问题方案

ie6|解决|问题|溢出 IE中发现新BUG "重影? 以下是引用片段:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he

.NET 解决TabControl 页里面多余边距问题经验分享

以下是解决方法:  1.直接新建一个类,继承TabControl,然后 override DisplayRectangle 方法: 复制代码代码如下: /// <summary>  /// 解决系统TabControl多余边距问题  /// </summary>  public class FullTabControl : TabControl {  public override Rectangle DisplayRectangle {  get {  Rectangle rec

.NET 解决TabControl 页里面多余边距问题经验分享_实用技巧

以下是解决方法: 1.直接新建一个类,继承TabControl,然后 override DisplayRectangle 方法: 复制代码 代码如下: /// <summary> /// 解决系统TabControl多余边距问题 /// </summary> public class FullTabControl : TabControl { public override Rectangle DisplayRectangle { get { Rectangle rect = ba

解决IE6不支持position:fixed的bug

外需要注意的一点就是,导航的宽度必须是固定值,不能是auto或者100%因为fixed和absolute都不认识,当然你也可以手动获取到导航的宽度,然后写到浮动导航样式里,不过有个前提,导航原先样式里不能有:position:relative,情况可能比较多,最简单的方法还是把导航宽度定死    代码如下 复制代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" con

IE6图片加载的一个BUG解决方法_javascript技巧

代码如下: 复制代码 代码如下: <!--[if IE 6]><script type="text/javascript"> try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} </script><![endif]--> 注:这个BUG以前就已经发现了,这里只是再次提出来. 更详细的说明可以参考下面的文章:IE6下默认不缓存背景图片,