`
liuxiang822
  • 浏览: 48194 次
  • 性别: 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了！

分享到：
| chrome中font-size小于12px的方法
评论
发表评论

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

相关推荐

    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`。 ##### ...

    网页兼容性问题解决方案

    /* 解决IE6的margin加倍问题 */ } ``` 3. **浮动ie产生的双倍距离**： 当一个元素`float`并设置`margin`时，IE会产生双倍距离。可以通过添加`display: inline;`或`display: block;`来修复，例如： ```css #...

    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常见的bug（ie）

    1. **浮动元素的双倍margin问题**： 在IE6中，如果一个浮动元素设置了margin属性，可能会导致实际的外边距比预期的要宽一倍。为了解决这个问题，可以将浮动元素的`display`属性设置为`inline`。 2. **最小高度的...

    CSS DIV教程IE6，IE7ie8火狐兼容性

    在IE6中，存在一个著名的双倍边距bug，当一个元素左侧浮动且有左外边距时，其实际边距会是设置值的两倍。要修复这个bug，可以使用`*html`或`_margin` hack，或者使用`display: inline-block;`来替代浮动。 通过以上...

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

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

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