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

IE6 margin 双倍像素问题

 
阅读更多
.ab{ float:left;
        height:24px;
	width:84px;
	margin-left:19px;
	margin-top:3px;
}

 改成:

.ab{ float:left;
        height:24px;
	width:84px;
	margin-left:19px;
	margin-top:3px;
        display:inline;
}

 发现只要加上display:inline;就OK了!

分享到:
评论

相关推荐

    IE6的双倍边距和火狐自适应高度

    在CSS布局中,有时会遇到一个奇怪的现象:当设置了某个元素(如`<div>`)的左侧外边距(`margin-left`)为10像素时,在IE6下该外边距却显示为20像素。这种现象被称为“IE6双倍边距BUG”。 **示例代码:** ```css ...

    关于IE6 双倍间距的真正原因

    在互联网的早期,Internet Explorer 6 (简称IE6) 是主导浏览器之一,但它存在许多兼容性和渲染问题,其中“双倍间距”问题尤为突出。这个问题主要出现在使用`<p>`、`<h1>`到`<h6>`等段落标签时,文字在IE6中显示的...

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    浮动元素产生的双倍距离问题也是IE6的一个经典bug。例如,一个左浮动的div设置了`margin-left`,在IE6中会生成两倍的距离。通过设置`display:inline`可以消除这个现象,确保元素按照预期距离排列。 在理解和使用`...

    div错位解决IE6、IE7、IE8样式不兼容问题IE6里DIV错位的问题.doc

    这一现象的根本原因在于IE6默认增加了一些额外的间距,通常为3到5像素。 ##### 解决方案: 1. **调整margin值**:可以通过在受影响的DIV中增加负的`margin-left`值来抵消这部分额外的空间,例如`margin-left: -5px...

    IE6,IE7,IE8兼容性问题

    ### IE6, IE7, IE8 兼容性问题详解 #### 一、引言 在Web开发过程中,确保网站能够在各种不同的浏览器中正常显示是非常重要的。尤其是在早期的Web时代,Internet Explorer(简称IE)系列浏览器占据着重要的市场份额...

    最全的CSS浏览器兼容问题整理(IE6、IE7)

    在Web开发中,CSS(层叠样式表)的浏览器兼容性问题一直是开发者面临的挑战,特别是针对老旧的Internet Explorer版本,如IE6和IE7。了解和掌握这些兼容性技巧,能有效提升网页在不同浏览器上的表现。 1. **垂直居中...

    IE6,7,8兼容

    - **问题描述**:在设置了`float`和特定`margin`值的情况下,IE浏览器可能会出现双倍`margin`的现象。 - **解决方案**:将浮动元素的`display`属性设置为`inline`可以解决此问题。 ```css #box { float: left;...

    DIV+CSS相对IE6、IE7和IE8的兼容问题[借鉴].pdf

    在Web开发中,尤其是涉及到前端布局时,`DIV+CSS`的兼容性问题常常困扰着开发者,特别是针对不同版本的Internet Explorer(IE6、IE7和IE8)。这些早期版本的IE浏览器存在许多解析CSS规则的不同方式,导致在实现预期...

    CSS在IE6 IE7与FireFox下的兼容问题整理

    6. **浮动元素的3像素间距问题**:在IE6和7中,当左边元素浮动后,右边元素的文本可能会与其有3像素的间距。可以使用负的margin-right来修复: ```css #left { float: left; width: 50%; } *html #left { ...

    DIV CSS 网页兼容全搞定 IE6 IE7 IE8 IE9 火狐 谷歌

    6. **浮动元素间的3像素间距问题**:在IE中,左侧浮动元素与右侧非浮动元素之间会有3像素的间距,可以通过负的外边距`margin-right`来消除: ```css *html #left { margin-right: -3px; } ``` 7. **IE的“捉...

    IE和Firefox之间兼容性问题

    /* 解决IE下的margin加倍问题 */ } ``` ##### 3. 浮动产生的双倍距离问题 - **问题描述**:在IE浏览器中,某些元素的`margin`值可能会被误解,导致元素之间的间距超出预期。 - **解决方案**: - 将元素的`...

    IE6,IE7,FF等浏览器不兼容原因及解决办法

    - **问题描述**:在IE6中,如果给浮动的容器定义了`margin-left`或`margin-right`,那么实际的边距将是定义值的两倍。 - **解决办法**:为了解决这个问题,可以将浮动的容器的`display`属性设置为`inline`。 ##### ...

    ie特有bug文档

    - **问题描述**:在IE6/7中,如果`form`标签内的某个具有`hasLayout`属性的子元素设置了`margin-left`,则其中的`<input>`或`<textarea>`元素会出现双倍的`margin-left`。 - **解决方案**: - 为`form`标签内的`...

    DIV+CSS所有ie的兼容问题(最完整篇).pdf

    2. **margin加倍问题**:在IE6中,设置浮动的`div`时,`margin`可能会被加倍。可以通过添加`display: inline;`来修复这个问题,使`margin`恢复正确。 3. **浮动产生的双倍距离**:在设置`float`属性的`div`中,如果...

    CSS浏览器兼容,描述ie6 7 8和火狐浏览器上的css区别

    在IE6中,设置了`float`的div,其margin会被加倍计算。为了解决这个问题,可以添加`display:inline;`,如`#imfloat { float:left; margin:5px; display:inline;}`。 3. **浮动产生的双倍距离**: IE在某些情况...

    CSS浏览器兼容问题整理(IE6.0、IE7.0_与_FireFox)

    为了解决这个问题,可以在浮动元素的CSS中添加针对IE的特定样式,如`margin-right:-3px;`,以此来消除间隙。 ### 7. IE“捉迷藏”的问题 在复杂的布局中,某些内容可能在视觉上不可见,但可以通过鼠标选择检测到。...

Global site tag (gtag.js) - Google Analytics