问题描述：input标签(不包含type="checkbox"类型标签)的父元素有加水平方向的margin,则水平方向的margin会成双倍显示。
问题代码：<div style="width:300px; height:35px; border:1px red solid;margin-left:15px;"><input type="text"/></div>
解决方法：(改写代码)
1. 给input标签的直属父标签加*display:inline;属性 (推荐)
<div style="width:300px; height:35px; border:1px red solid;margin-left:15px;float:left;*display:inline;"><input type="text"/></div>
(上面代码加float:left;只为保证div成块状显示，非必须！)
2. 把父元素的水平margin改成padding，直接避开ie6、7这个margin双倍bug (推荐)
<div style="width:300px; height:35px; border:1px red solid;padding-left:15px;"><input type="text"/></div>
3. 在该父元素内再添加一个无haslayout的div 或者一个有haslayout但无margin的DIV层
4. 若父、子元素都没加浮动属性，直接在父元素加overflow:hidden属性也能解决这个bug
快速留言：
上一篇： ie6下空标签块元素height定义失效
下一篇： IE6 line-height行高失效解决方法
3条评论( 网友:2 条,站长:1 条 ) 网友评论{有您的评论更精彩....}