解决div+css中ie的bug：input type=”text”时候，会撑开外层一个间隙高度
不知道光看标题的人可能看懂，今天在项目中遇到一个bug，找了许久没有找到原因，后来经过耐心研究，终于搞定了。
在div+css的布局中，如下代码：
<div><input type=”text” /></div>
<div><input type=”text” /></div>
不知不觉，ie会在2个div中间增加一个大约5em高度的间距，通过网络寻找，原来这个不是marging，也不是padding，是ie内核解析渲染的bug，所以你无论设置div的margin为0px或者input的padding为0px，都不起作用，那么下面说说解决方法吧。
解决div+css中ie的bug：input type=”text”时候，会撑开外层一个间隙高度的方法如下：
<div><span> </span><input type=”text” /></div>
<div><span> </span><input type=”text” /></div>
在input前面增加<span> </span>即可解决问题，呵呵不知道为什么，总之解决了，当然了，可以加下css定义，防止<span> </span>真的起作用了，css如下：
<span style=”font-size:0px;width:0px;height:0px;”> </span>
近期评论