css margin-left在IE6下的问题的解决方法

最新推荐文章于 2022-09-17 08:28:36 发布
原创 最新推荐文章于 2022-09-17 08:28:36 发布 · 811 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了在IE6浏览器中遇到的一个常见问题：CSS margin属性值被解析为双倍的情况。针对这一现象，文章提供了一种有效的解决方案——通过使用特殊的条件注释来覆盖默认值。

比如原来是margin-left:20px，经过ie6的解析会变成40px 

解决办法是在原来的margin-left后再加上一个_margin-left:10px，变成

margin-left:20px;_margin-left:10px  就可以解决

IE6 float:left margin-left出现两倍像素
09-25
在CSS中添加display:inline的方法有几种，其中一种方式是使用一个只有IE6能识别的CSS hack，即通过下划线来指定display属性，如下所示： ```css #d1 { _display: inline; /* 只对IE6起作用 */ } ``` 在这段代码中，...
margin-left本身不兼容IE6
ldy592的专栏
08-24 1209
margin-left本身不兼容IE6，比如原来是margin-left:20px，经过ie6的解释会变成40px，在IE6双陪问题一直在困扰很多用css+div布局的设计师，不过这问题我一直用一个办法解决，也就是你用的时候，在后面加上"display:inline;"就可以解决，无论在什么浏览器看都没问题。当然，还有另一个办法，例如你要定义margin-left:20px，那么在原来的margi
关于margin的IE6的兼容问题。
fuxiaomi2016的博客
10-12 1471
关于margin的IE6的兼容问题。（双倍margin的问题）
三像素问题html,前端问题汇总
weixin_32903229的博客
06-03 386
HTML和CSS问题1，每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。(重点：告诉浏览器按照何种规范解析页面)2，为什么利用多个域名来存储网站资源会更有效？CDN缓存更方便突破浏览器并发限制节约cookie带宽节约主域名的连接数，优化页面响应速度防止不必...
margin-top塌陷问题的现象与解决的具体方法
09-22
在CSS布局中，`margin-top`塌陷是一种常见的问题，它发生在当一个块级元素（子元素）的顶部外边距与其包含块（父元素）相遇时，导致父元素的上边界不是按照预期与子元素的上边界保持一定距离，而是被拉下了一段距离...
margin-left和right失效(斯芬克斯)之谜
01-24
在某些情况下，如在Internet Explorer浏览器中，即使设置了`margin-left`或`margin-right`的值，元素的实际布局却未发生变化，即所谓的“失效”。 **原因分析：** 1. **hasLayout 触发条件：**`margin-left`和`...
css的几个问题
奥特打小怪的博客
04-16 634
Import优先级比内联高： 选择符：class和id Class可以继承，伪类可以继承。优先级是就近原则 !important>[ id>class>tag]   标签title和alt属性的区别是什么？ Alt是图片不显示的时候用文字代替表示。 Title是为改属性提供信息。   几种ie BUG的解决办法? 1.     双边距BUG float引起的使用display
IE6不兼容margin为负值的解决方法
princess_prince的专栏
11-21 440
CSS里边再加上“position:relative;”就行了 如：#div1{ width:200px; margin-left:-80px;}，这个在IE6中是有问题的， 换成：#div1{ width:200px; position:relative; margin-left:-80px;}，这样在IE6中就没问题了 ...
margin-left在IE6下左浮动加倍-20140102
xjwolaile的博客
01-02 159
一、IE6下如果line-height超出本身区块的height高度，则会把区块高度挤高。比如：li{line-height:25px;height:20px;}则实际li的高度为25px，而IE7和FF下则为20px. 二、 IE下的margin double bug，具体说来比如一个div你设置左浮动，然后又设置margin-left：5px，则实际margin-left会加倍变为10p...
关于ie6下margin、margin-left、margin-right出现双倍
weixin_34197488的博客
08-12 101
为什么80%的码农都做不了架构师？>>> ...
web前端，兼容IE6有以下BUG的解决方法
逝去的鸣人
04-14 991
1.双边距BUG float引起的 使用display 2.3像素问题 使用float引起的 使用dislpay:inline -3px 3.超链接hover 点击后失效 使用正确的书写顺序 link visited hover active 4.Ie z-index问题 给父级添加position:relative 5.Png 透明 使用js代码 改 6.Min-height 最小高度
使用display:inline-block;产生间距处理办法
weixin_45162984的博客
06-01 1618
使用display:inline-block;产生间距处理办法 使用display:inline-block;属性会产生大约3px的间距,清除间距的方法就是letter-spacing属性 <style> body,body * { margin: 0; padding: 0; } .a {...
html 常见的兼容性问题
无简介！！
09-17 367
html常见兼容问题
ie下inline-block的div元素设置margin-left无效果
a907482655的博客
01-15 203
ie浏览器不支持inline-block,需要hack一下 display:inline-block;*display:inline;*zoom:1; 转载于:https://www.cnblogs.com/unsea/archive/2013/01/15/2861236.html
inline-block按行排列有3px的误差
cotexarm7的专栏
08-27 550
  &lt;div class="line"&gt; &lt;span class="item"&gt;&lt;/span&gt; &lt;span class="item"&gt;&lt;/span&gt; &lt;span class="item"&gt;&lt;/span&gt; &lt;
IE6下CSS实现min-width技巧解析
在早期的网页设计中，Internet Explorer 6 (IE6) 是一个普遍使用的浏览器，但它对CSS的支持存在诸多问题，其中就包括不支持`min-width`属性。`min-width`属性允许我们设置元素的最小宽度，当内容增加或者浏览器窗口...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值