最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
解决ie6/7 input margin加倍4个方法
时间:2015-01-28 编辑:简简单单 来源:一聚教程网
问题描述: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个,但是个人比较趋向于第二个,这样不会带来新的问题。
-
下一个: 解决ul宽度超出div宽度常用解决办法
相关文章
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26
- CSS组合选择器解析 10-26
- css带搜索导航栏的代码展示 10-26