ie6记录

<style type="text/css">
*{
margin:0;
padding:0;
border:0;
}
li{
background-color:red;
height:80px;

line-height:80px;

}
li a{
height:50px;
width:150px;
line-height:60px;
background-color:green;
}
input{
width:100px;
height:56px;
border:solid black 2px;
}
.lala{
background-color:blue;
}
</style>
<ul>
<li id="1">文字<input type="text" value="没有float"/></li>
<li class="lala"><a style="float:left">float：left</a><input type="text" value="没有float" /></li>
<li><a>没有float</a><input type="text" value="没有float"/></li>
<li class="lala"><a style="float:left">float：left</a><input type="text" style="float:left" value="float:left"/></li>
</ul>

 

问题：li的line-height失效。

在ie6中，当文字和img、input、textarea、select、object等对象在同一个容器中的时候，line-height属性失效。只有全文字时，line-height属性才有效。

ie7已经解决了这个bug,之前版本的ie会将后者的行高减小为原来的一半。可以通过设置样式表

input {
　　width:100px;
　　height:56px;
　　border:solid black 2px;
   vertical-align: middle;
    margin: 10px 0;
}

其中10px是容器(li)的行高减去input高度后的一半。