解决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>
近期评论