当前位置:首页> 正文
IE6 float:left margin-left出现两倍像素
在IE6下(标准模式/怪异模式)
一个元素向左浮动(float:left),且添加了向左空白边(margin-left:10px),那么会自动的加一倍变成30px。
例:
复制代码代码如下:
!DOCTYPE HTML
html
head
meta charset="utf-8"
titleIE6双空白边Bug/title
/head
body
div style="border:1px solid red;width:200px;"
div id="d1" style="margin:0 0 0 10px;float:left;border:1px solid gray;"
IE6双空白边bug
/div
div style="clear:both;"/div
/div
/body
/html
解决方法:
给div[id=d1]加:display:inline,当然只针对IE6一下,可以使用下划线加属性-display:inline,这样只有IE6能识别了。
边距翻倍只有当元素的边距碰到包含块时才发生。当一个元素被浮动到另一个浮动元素时不会翻倍。另marginTop和marginBottom都不会翻倍。
一个元素向左浮动(float:left),且添加了向左空白边(margin-left:10px),那么会自动的加一倍变成30px。
例:
复制代码代码如下:
!DOCTYPE HTML
html
head
meta charset="utf-8"
titleIE6双空白边Bug/title
/head
body
div style="border:1px solid red;width:200px;"
div id="d1" style="margin:0 0 0 10px;float:left;border:1px solid gray;"
IE6双空白边bug
/div
div style="clear:both;"/div
/div
/body
/html
解决方法:
给div[id=d1]加:display:inline,当然只针对IE6一下,可以使用下划线加属性-display:inline,这样只有IE6能识别了。
边距翻倍只有当元素的边距碰到包含块时才发生。当一个元素被浮动到另一个浮动元素时不会翻倍。另marginTop和marginBottom都不会翻倍。
展开全文阅读
相关内容
-
IE9版本以下ajax 跨域问题可行解决方法
IE9版本以下ajax 跨域问题可行解决方法,跨域问题,解决方法,提...
-
HTML5在IE10、火狐下中文乱码问题的解决方法
HTML5在IE10、火狐下中文乱码问题的解决方法,火狐,网页,复制,...
-
IE10中flexigrid无法显示数据的解决方法
IE10中flexigrid无法显示数据的解决方法,解决方法,数据,无法...
-
IE10下Gridview后台设置行高不起作用解决方法
IE10下Gridview后台设置行高不起作用解决方法,行高,后台,解决...
-
浅析IE10兼容性问题(frameset的cols属性)
浅析IE10兼容性问题(frameset的cols属性),属性,兼容性问题,浏...
-
IE不能上网浏览的常见原因和解决方法
IE不能上网浏览的常见原因和解决方法,解决方法,命令,文件,原...
-
IE和FF在对js支持的不同(整理)及解决方法
IE和FF在对js支持的不同(整理)及解决方法,支持,对象,标签,属...
-
div层调整z-index属性在IE中无效原因分析及解决
div层调整z-index属性在IE中无效原因分析及解决方法,无效,原...
-
IE浏览器无法打开搜索页的详细解决方法以及常用
IE浏览器无法打开搜索页的详细解决方法以及常用文件打不开的...
-
IE7.0以下版本列表li中的元素错位一个上一个下
IE7.0以下版本列表li中的元素错位一个上一个下的解决方法,元...
-
如何解决IE6/IE7不识别display:inline-block属
如何解决IE6/IE7不识别display:inline-block属性,识别,属性,...
-
IE 6不支持min-height或max-width等属性的完美
IE 6不支持min-height或max-width等属性的完美解决方案,完美,...
-
css padding属性兼容ie6,ie8,firefox实例详解
css padding属性兼容ie6,ie8,firefox实例详解,属性,兼容,边距...
-
ie placeholder属性的兼容性问题解决方法
ie placeholder属性的兼容性问题解决方法,解决方法,属性,失去...
-
ie8下不解析background属性与书写格式有关
ie8下不解析background属性与书写格式有关,格式,属性,解析,属...