存档

文章标签 ‘bug’

解决div+css中ie的bug:input type=”text”时候,会撑开外层一个间隙高度

2013年9月13日 没有评论

不知道光看标题的人可能看懂,今天在项目中遇到一个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>&nbsp;</span><input type=”text” /></div>

<div><span>&nbsp;</span><input type=”text” /></div>

在input前面增加<span>&nbsp;</span>即可解决问题,呵呵不知道为什么,总之解决了,当然了,可以加下css定义,防止<span>&nbsp;</span>真的起作用了,css如下:

<span style=”font-size:0px;width:0px;height:0px;”>&nbsp;</span>

分类: div+css学习 标签: ,
css.php