关于输入框高度的问题，兼容IE,FF

 

 

今天碰到的一个问题是：

 

在IE6下 

 

 

控制代码如下：

 

直接写局部代码：

 

#snav .navlist span.left{display:inline-block;border:1px solid #999;padding:1px;position:absolute;left:610px;top:10px;background-color:#fff;height:24px;width:285px;}
#snav .navlist span.left input{background:url(../../img/cpt/bg07.gif) repeat-x;border:0px;width:279px;height:20px;line-height:16px;padding:4px 3px 0;float:left;}
#snav .navlist span.right{position:absolute;display:inline-block;height:28px;left:899px;top:10px;}
#snav .navlist span.right input{background:url(../../img/cpt/bg08.gif) no-repeat;border:0px;width:69px;height:28px;}

 

在ff下是没有问题的：

最后解决办法是：

 

给input 增加一个float:left;解决问题～～

 

万恶的IE6

 

另外里面还有一个知识点，就是很多网站都有的输入框光标定位问题：

 

具体解决思路是：IE的光标跟Line-height有关系，FF和padding有关系，

 

还看到一个问题，都记录下来吧：

 

在IE6下如果元素的高度设置小于font size所需要的高度那么IE6使用font size所需要的高度，所以解决问题的办法就是重新设置一下font size

 

这也是一个高度设置无效的原因哦