[解决问题的策略]解决ie6/7 input margin加倍4个方法

更新时间：2019-09-18 来源：ios 手机版 字体：大中小

【www.bbyears.com--ios】

问题描述：input标签(不包含type="checkbox"类型标签)的父元素有加水平方向的margin,则水平方向的margin会成双倍显示。

问题代码：

解决方法：

1. 给input标签的直属父标签加*display:inline;属性

(上面代码加float:left;只为保证div成块状显示，非必须！)

2. 把父元素的水平margin改成padding，直接避开ie6、7这个margin双倍bug (推荐)

3. 在该父元素内再添加一个无haslayout的div 或者一个有haslayout但无margin的DIV层

4. 若父、子元素都没加浮动属性，直接在父元素加overflow:hidden属性也能解决这个bug

方法虽然有4个，但是个人比较趋向于第二个，这样不会带来新的问题。