解决IE6双边距问题

最新推荐文章于 2018-07-02 10:15:16 发布
最新推荐文章于 2018-07-02 10:15:16 发布
阅读量79 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：https://my.oschina.net/gethub/blog/664058
本文介绍了一个在IE6浏览器中出现的双边距问题及其解决方案。当一个带有浮动属性的div元素同时设置margin时，在IE6中会出现额外的边距。解决此问题的方法是在浮动的div上增加display：inline样式。

为什么80%的码农都做不了架构师？>>>   hot3.png

一个div盒子如果如果设置了margin，并且该div设置了float浮动，那么在IE6下变回产生双边距问题，解决办法是在该浮动的div上增加样式display：inline。

转载于:https://my.oschina.net/gethub/blog/664058

表单元素radio select对齐与IE6下双边距问题解决方案
09-25
总之，正确地对齐表单元素并解决IE6的兼容性问题需要深入理解CSS的对齐机制以及浏览器之间的差异。通过使用`<label>`、设置`vertical-align`和处理双边距问题，我们可以创建更加一致且兼容的表单布局。对于那些遇到...
IE6下兼容性常见的几个问题与解决方法
09-24
总的来说，解决IE6的兼容性问题通常需要对CSS的深入理解和使用特定的 hack 技术。虽然现在大部分用户已经不再使用IE6，但在维护老项目或者针对仍有IE6用户的场景下，这些知识仍然具有实用价值。对于开发者来说，理解...
如何解决IE6双边距问题？
草巾冒小子的博客
07-02 1285
解决IE6中浮动元素的margin双倍边距问题 IE6中，第一个浮动到父元素边上的元素，如果含有该方向的margin值，那么margin会以双倍显示。即：浮动元素的左边距在IE6上为所设定的左边距的两倍。 这个问题只会发生在浮动行的第一个浮动元素上。准确的说：应该是每一行的第一个元素都会受此影响。 为了解决该问题，需要给浮动元素添加属性display: inline，即可解决。 除...
IE6双边距BUG演示及解决方法
ZH2357710792的博客
04-07 247
IE6双边距bug演示 　　当为一个块级元素同时设置float和margin属性时，在IE6下元素的margin显示效果为原来的2倍。 　　简单的例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>D...
IE6双边距问题
qq_36800701的博客
04-08 274
<div class="item"></div>.item{ width: 200px; height: 200px; background: red; margin-left: 100px; float: left; }在IE6下你会惊奇的发现，.item这个元素距离body居然有200px的距离；（只有margin-left才会有这样的问题）解决方案:.i
IE6双边距bug及其解决办法
09-01 157
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> body,div{ m...
对于ie6双边距的解决思路
langrentao的博客
03-08 433
在ie6中，设置div为浮动，然后赋予它margin-left或right值，此时会产生margin两倍于设定的值只需将他设置成行内元素，display：inline就能解决该问题
IE6下float双边距问题
dazwxrt0338的博客
08-26 183
当浮动元素的方向和设置margin的方向相同时，就会出现双边距问题，解决方法是： 删除浮动，改成display:inline-block _display:inline; _zoom:1; 转载于:https://www.cnblogs.com/sunhk/p/4760982.html...
ie6双边距bug及其解决办法
weixin_30487201的博客
11-30 122
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>&lt...
css 黑客解决IE6，双边距问题
phptripper的专栏
04-12 789
<br />.span{<br />width:10px;<br />_width:5px;//用于IE6<br /> <br />}
ie6双边距
u014773932的博客
06-04 388
ie6双边距 在IE6中红色方块距离浏览器的左边距并不是CSS代码中定义的2 0像素，而是40像素，如下图： 其实这是IE6的一个BUG(IE6双倍边距BUG)，只要满足下面3个条件才会出现这个BUG:         1）要为块状元素；         2）要左侧浮动；         3）要有左外边距(margin-left)；   解决这个BUG很容易，只需要在相
IE6常见bug附解决方法
09-25
#### 二、IE6中的Margin加倍问题（双边距） **问题描述**： 当在IE6中对一个块级元素应用`float`属性，并且设置了左右`margin`时，可能会出现实际`margin`比预期大的现象，这种现象通常被称为“双边距”或“双倍`...
tika-parser-font-module-3.1.0.jar中文-英文对照文档.zip
09-07
1、压缩文件中包含： 中文-英文对照文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 3、特殊说明： （1）本文档为人性化翻译，精心制作，请放心使用； （2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； （3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
perl-SelfLoader-1.23-420.el8.tar.gz
09-07
# 适用操作系统：Centos8 #Step1、解压 tar -zxvf xxx.el8.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm
tika-parser-audiovideo-module-3.1.0.jar中文-英文对照文档.zip
09-07
1、压缩文件中包含： 中文-英文对照文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 3、特殊说明： （1）本文档为人性化翻译，精心制作，请放心使用； （2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； （3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
【故障诊断】基于matlab空气数据传感器在存在大气湍流的情况下故障检测和诊断【含Matlab源码 14132期】.zip
最新发布
09-07
Matlab领域上传的视频是由对应的完整代码运行得来的，完整代码皆可运行，亲测可用，适合小白； 1、从视频里可见完整代码的目录内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
perl-Scalar-String-0.003-8.el8.tar.gz
09-07
# 适用操作系统：Centos8 #Step1、解压 tar -zxvf xxx.el8.tar.gz #Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm
chromedriver-win64-142.0.7399.0(Canary).zip
09-07
chromedriver-win64-142.0.7399.0(Canary).zip
libphonenumber-8.11.1.jar中文-英文对照文档.zip
09-07
1、压缩文件中包含： 中文-英文对照文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 3、特殊说明： （1）本文档为人性化翻译，精心制作，请放心使用； （2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； （3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
IE6浏览器兼容性修复与CSS排版技巧
7. **双边距问题**：IE6中，`float`元素的`padding`和`border`会导致宽度计算错误。可以使用`display:inline-block`或`display:table-cell`作为替代，但这可能引入新的兼容性问题，需要谨慎使用。 8. **PNG透明度...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值