繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > IE bug input 外层浮动的边距问题
- CSS样式表
- CSS3教程(10):CSS3 HSL声明设置颜色
- CSS3教程:新增加的结构伪类
- 网页布局绝对定位(position)轻松简单
- 掌握盒模型轻松DIV CSS网页布局
- 实例方式学CSS text-align怎么用
- 网页重构时在IE6中遇到png兼容性
- CSS3教程:边框属性border的极致应用
- CSS网页布局使用表格可以吗？
- 最新版本的CSS选择器浏览器支持情况
- 有序列表和段落设计华丽的网页列表数字
- CSS教程:通过实例学习和理解CSS盒模型
- CSS网页布局的核心内容:CSS盒模型
- CSS3伪类选择器：nth-child()
- CSS教程：inline-block在各浏览器的显示
- CSS实现网页分栏布局的方法：绝对定位和浮动
- CSS实例：用CSS制作网页像素画
- CSS教程：三列固定网页布局实例
- 无hack无js全兼容text-overflow-ellipsis效果
- CSS解决方案：IE6中遇到png兼容性
- CSS学习之类目之间竖线的练习实例
CSS样式表 中的 IE bug input 外层浮动的边距问题
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 187 ::
收藏到网摘: n/a
这不是真正的padding 或者 margin，而是一个IE 系列解析的bug。无论清楚input 还是div 的margin，padding值。那个边距仍然存在。据称，这个边距的值为5em，本人没有做验证，但暂时相信吧！
主要是说一下解决方案：
<div><input type="button" value="Confirm" /></div>
这样一个结构，input 前面加一个span，如下：
<div><span>.</span><input type="button" value="Confirm" /></div>
span里面可以是 ，也可以是“.”或者其他任何字符，一下子就可以清除input 和 div之间的padding啦·～～
当然，要配上必不可少的css。span 的 color 颜色要于背景一致，并设置 font-size: 0;
如此，解决input 外层浮动后的边距问题。
评论 (0) All
