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

最新推荐文章于 2021-06-03 05:52:10 发布
原创 最新推荐文章于 2021-06-03 05:52:10 发布 · 293 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #ie6

本文介绍了一个常见的IE6浏览器兼容性问题：Margin属性被错误地解析为双倍值。针对这一问题，文章提供了一种简单有效的解决方案，即通过添加特定的CSS属性来修正解析错误。

比如原来是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 1203
margin-left本身不兼容IE6，比如原来是margin-left:20px，经过ie6的解释会变成40px，在IE6双陪问题一直在困扰很多用css+div布局的设计师，不过这问题我一直用一个办法解决，也就是你用的时候，在后面加上"display:inline;"就可以解决，无论在什么浏览器看都没问题。当然，还有另一个办法，例如你要定义margin-left:20px，那么在原来的margi
关于margin的IE6的兼容问题。
fuxiaomi2016的博客
10-12 1470
关于margin的IE6的兼容问题。（双倍margin的问题）
三像素问题html,前端问题汇总
weixin_32903229的博客
06-03 382
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`和`...
使用display:inline-block;产生间距处理办法
weixin_45162984的博客
06-01 1617
使用display:inline-block;产生间距处理办法 使用display:inline-block;属性会产生大约3px的间距,清除间距的方法就是letter-spacing属性 <style> body,body * { margin: 0; padding: 0; } .a {...
【转】CSS中IE6、7和火狐对margin、padding的兼容性解析
iteye_674的博客
07-16 382
1、IE与Fire Fox识别CSS属性区别标签 !important #page_body{ width: 1000px !important; height:30px !important; width: 980px ; height:36px ; } 以上样式 在IE6/7中只执行width: 980px与height:36px FireFox中则优先执行带有!...
CSS 问题 中 li{display:inline;}的作用
CaseyWei
07-15 1615
&lt;html&gt;&lt;head&gt;&lt;style type="text/css"&gt;ul{list-style-type:none;width:100%;padding:0;margin:0;float:left;}a{text-decoration:none;float:left;background-color:green;width:120px;font-size:15...
IE6不兼容margin为负值的解决方法
princess_prince的专栏
11-21 439
CSS里边再加上“position:relative;”就行了 如：#div1{ width:200px; margin-left:-80px;}，这个在IE6中是有问题的， 换成：#div1{ width:200px; position:relative; margin-left:-80px;}，这样在IE6中就没问题了 ...
处理过的兼容问题总结
keep789的博客
09-18 722
见过一个优秀的回答：产品要实现A，设计说应该C，而我出了一个方案B，兼容了AC，这是我处理过最复杂的兼容性问题，它非常困难极具挑战，贯彻我整个前端生涯。总的来说，前端处理兼容也就是这，具体的有以下几个方面： 1.html兼容问题 双边距 BUG float 引起的 使用 display 3 像素问题 使用 float 引起的 使用 dislpay:inline -3px 超链接 hover...
margin-left有效果但是margin-top没有用没有效果？如何解决？
weixin_34212762的博客
06-27 982
因为span是内联函数，你需要先把span设置为块级元素或块级内联函数才可以。 代码如下：span{display:block;margin-top;} 内联元素可以设置左右外边距和内边距，但如果想要设置上下内边距和外边距就必须设置为块级元素。 转载于:https://www.cnblogs.com/lsyy2017/p/11099679.html...
inline-block按行排列有3px的误差
cotexarm7的专栏
08-27 547
  &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;
css的几个问题
奥特打小怪的博客
04-16 632
Import优先级比内联高： 选择符：class和id Class可以继承，伪类可以继承。优先级是就近原则 !important>[ id>class>tag]   标签title和alt属性的区别是什么？ Alt是图片不显示的时候用文字代替表示。 Title是为改属性提供信息。   几种ie BUG的解决办法? 1.     双边距BUG float引起的使用display
dislpay:flex详解
impossible1994727的博客
05-06 710
容器的属性：                                             #div{                 display: flex;                 width: 800px;                 height: 200px;                 background: bisque;
web前端，兼容IE6有以下BUG的解决方法
逝去的鸣人
04-14 985
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 最小高度
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、付费专栏及课程。

余额充值