最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
解决ie6/7 input margin加倍4个方法
时间：2022-06-25 11:15:46 编辑：袖梨 来源：一聚教程网
问题描述：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个，但是个人比较趋向于第二个，这样不会带来新的问题。
相关文章
- 白银之城萌新怎么配队 萌新队伍搭配推荐 08-15
- dnf手游暗影昼猫在哪里-暗影昼猫npc位置分享 08-15
- 千年之旅队伍怎么搭配 队伍搭配攻略 08-15
- 千年之旅哪些角色比较强 强力角色推荐一览 08-15
- 华夏千秋武学推荐 强力武学介绍一览 08-15
- 洛克王国世界治愈兔技能是什么 治愈兔技能介绍一览 08-15