ie6产生双倍间距的BUG

最新推荐文章于 2019-09-18 20:35:35 发布
原创 最新推荐文章于 2019-09-18 20:35:35 发布 · 789 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ie #float

本文探讨了解决float元素布局问题的方法，包括使用display:inline和margin-left的技巧，但这些方法存在局限性。最终提出采用padding来替代margin以实现更好的布局效果。

解决的方法，一、是给float元素加个display：inline

二、是用margin-left：-（负号）减去浮动元素宽度的一半

 

后来发现这两种方法都有缺陷 display：inline又会导致一些新的bug，而手动设置负的margin也达不到真正完美的效果。

 

现在只要是margin和float方向相同 我都改成padding了

tmoonlight
关注
ie6的绝对定位的1px间距 bug
大人的技术博客
09-15 750
你好，我是IE6　　   你会发现  p元素下面还有1px的间距。  这个BUG的条件是，当 父元素的高度或宽度(此时对应的p元素为right:0;)为奇数时。   解决方法两种 1、父元素的宽度，高度为偶数 2、p {_bottom:-1px;}
IE 双边距Bug
老李 技术 专栏
11-04 4443
 一、什么是双边距Bug？先来看图：我们要让绿色盒模型在蓝色盒模型之内向左浮动，并且距蓝色盒模型左侧100像素。这个例子很常见，比如在网页布局中，侧边栏靠左侧内容栏浮动，并且要留出内容栏的宽度。要实现这样的效果，我们给绿色盒模型应用以下CSS属性：以下为引用的内容：.floatbox { float: left; width: 150px; height: 15
IE6双倍margin间距解决方案
ddzmq5378的博客
10-28 121
问题：在IE6下如果某个标签使用了float属性，同时设置了其外补丁“margin:10px 0 0 10px”可以看出，上边距和左边距同样为10px，但第一个对象距左边有20px。 解决办法： 　　方法一、当将其display属性设置为inline时问题就都解决了。 说明：这是因为块级对象默认的 display属性值是block，当设置了浮动的同时...
IE6 BUG的解决方法
summergreenhtml的博客
09-16 478
1、终极方法：条件注释缺点是在IE浏览器下可能会增加额外的HTTP请求数。2、CSS选择器区分IE6不支持子选择器；先针对IE6使用常规申明CSS选择器，然后再用子选择器针对IE7+及其他浏览器。/* IE6 专用 */.content {color:red;}/* 其他浏览器 */div>p .content {color:blue;} –>3、PNG半透明图片的问题虽然可以通过JS等方式解决，但
JavaScript 常见IE6bug
lei2350934xj的博客
07-05 200
JavaScript 常见ie6bug 目录注意是IE61.双倍外边距问题 描述：如果一个盒子,加了浮动又加了margin值,很容易出现双倍外边距问题 解决：给盒子加上display:inline;从而出发ie内部机制 2.ie6图片底边会有像素间隙问题 描述：一个图片插到一个盒子里面，图片和盒子完全一样大，但是图片总是底下有像素的间距 解决： 方法1.将
ie6下产生双倍间距的解决办法
weixin_33747129的博客
06-28 103
2019独角兽企业重金招聘Python工程师标准>>> ...
前端IE6、IE7 BUG集锦
csd_xuming的专栏
04-24 2887
本文转载自 沧海难为水_前端之路   的百度空间。 http://hi.baidu.com/zhangqian04062/item/c5603400ecff4419cd34ea3c 相信做前端的童鞋都知道，在整个前端开发过程中，总是IE6问题多多，BUG多多，这点也最让布局者头疼。在这里，就之前工作中遇到的问题做了个总结，借此分享、希望对大家能有所帮助，对于
Margin与float:left同时使用 IE6有双倍距的bug
03-29 686
IE6有双倍距的bug" title="Margin与float:left同时使用 IE6有双倍距的bug"> 关于Margin-left或是Margin-right 与float:left同时使用时，在IE6会有双倍距的bug。 解决方案：在同时使用这两个参数的地方加 display:inline   上图总宽为630,其中市区和郊区宽度完全相同各为315px，市区与郊区
IE6中的常见BUG与相应的解决办法
Wangxinlei_King的博客
09-18 314
开发前端的同学一定都知道，IE6是兼容BUG最多的浏览器，它不支持PNG alpha通道暂且不论。其文档的解析理解规范也引起了诸多恼人的BUG，有时甚至让人感到绝望。本文主要讲解一些比较容易遇到的IE...
关于IE6 双倍间距的真正原因
03-30
在互联网的早期，Internet Explorer 6 (简称IE6) 是主导浏览器之一，但它存在许多兼容性和渲染问题，其中“双倍间距”问题尤为突出。这个问题主要出现在使用`<p>`、`<h1>`到`<h6>`等段落标签时，文字在IE6中显示的...
IE6的双倍,3px,注释引起的文字错位等几个BUG解决方法
12-13
首先，我们来看第一个问题，即“3px间距BUG”。当在IE6中，一个`div`元素使用背景图片或直接插入图片时，图片的下边缘会与下一行元素之间产生3px的空白间隔。这是因为IE6默认的字号为12pt，行高为normal。为了解决这...
IE6兼容性问题及IE6常见bug详细汇总
09-25
2. **边距加倍问题**：当块元素设置左右浮动并有`margin`时，IE6会出现“margin双倍”现象。通过将元素的`display`属性设置为`inline`，可以消除这一问题。 3. **奇数字体大小和边框高度**：在IE6中，如果字体大小...
IE6常见bug附解决方法
09-25
当在IE6中对一个块级元素应用`float`属性，并且设置了左右`margin`时，可能会出现实际`margin`比预期大的现象，这种现象通常被称为“双边距”或“双倍`margin`”。 **解决方法**： 通过设置`display`属性为`inline`...
项目极简说明_一个用于构建Python包manylinux兼容wheel的GitHubAction工具支持Cython扩展和多种Python版本通过manylinux容器自动.zip
11-30
项目极简说明_一个用于构建Python包manylinux兼容wheel的GitHubAction工具支持Cython扩展和多种Python版本通过manylinux容器自动.zip
基于TCP和UDP协议实现的高性能局域网通信系统_支持超大文件传输和多客户端并发处理_使用VisualStudio2013开发环境构建_集成TCP可靠传输和UDP高效广播机制_.zip
11-30
基于TCP和UDP协议实现的高性能局域网通信系统_支持超大文件传输和多客户端并发处理_使用VisualStudio2013开发环境构建_集成TCP可靠传输和UDP高效广播机制_.zip
【计算机科学】基于MurmurHash3的哈希算法性能优化：毕业设计中并行计算与位运算技术的应用
最新发布
11-30
内容概要：本文围绕Hash算法性能优化在毕业设计中的
基于栈数据结构实现迷宫路径搜索与回溯算法的完整项目_迷宫路径搜索_栈数据结构应用_回溯算法实现_通道块记录_迷宫地图解析_路径可视化_深度优先搜索策略_数据结构学习辅助工具_编程练.zip
11-30
基于栈数据结构实现迷宫路径搜索与回溯算法的完整项目_迷宫路径搜索_栈数据结构应用_回溯算法实现_通道块记录_迷宫地图解析_路径可视化_深度优先搜索策略_数据结构学习辅助工具_编程练.zip
基于YOLOv5深度学习模型的交通标志智能识别与检测系统_项目极简说明本项目是一个利用YOLOv5目标检测算法实现的高精度交通标志识别系统通过构建深度神经网络模型对道路场景中的.zip
11-30
基于YOLOv5深度学习模型的交通标志智能识别与检测系统_项目极简说明本项目是一个利用YOLOv5目标检测算法实现的高精度交通标志识别系统通过构建深度神经网络模型对道路场景中的.zip
qwagrox_tractor_predictive_maintenance_19368_1763625936722.zip
11-30
qwagrox_tractor_predictive_maintenance_19368_1763625936722.zip
解决IE6兼容性问题：常见bug与对策
"本文详细汇总了IE6浏览器的兼容性问题和常见bug，旨在帮助前端开发者解决在处理IE6时遇到的棘手问题。" 在Web开发中，IE6的兼容性问题一直是工程师们的头疼之处。由于其独特的解析方式和一些未被其他浏览器广泛...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值