当前位置: 代码迷 >> Web前端 >> 去除li 在IE中标签浮动
  详细解决方案

去除li 在IE中标签浮动

热度:293   发布时间:2013-11-23 10:52:51.0
去掉li 在IE中标签浮动
<div class="xingyh">    
    <div class="con-left">
      <h5 class="tit-3"></h5>
      <ul>  
        <li class="lucky_users">  
          <div class="name">姓名</div>  
          <div class="phone">手机</div>  
          <div class="quan">优惠券</div>  
        </li>  
      </ul>  
      <ul id="rolltxt_1" style="overflow:hidden;height:160px;">  
        <li class="lucky_user_list">  
          <div class="xj_cl">马x </div>  
          <div class="xj_cl">132xxxx1119 </div>  
          <div class="xj_cl_quan">xxxx </div>  
        </li> 
        <li class="lucky_user_list">  
          <div class="xj_cl">赵xx </div>  
          <div class="xj_cl">135xxxx5632 </div>  
          <div class="xj_cl_quan">xxxxxx </div>   
        </li> 
        <li class="lucky_user_list">  
          <div class="xj_cl">薛xx </div>  
          <div class="xj_cl">132xxxx5233 </div>  
          <div class="xj_cl_quan">xxxxxx </div>    
        </li> 
        <li class="lucky_user_list">  
          <div class="xj_cl">高x </div>  
          <div class="xj_cl">136xxxx0032 </div>  
          <div class="xj_cl_quan">京东30元电子购物卡 </div>   
        </li> 
        <li class="lucky_user_list">  
          <div class="xj_cl">李xx </div>  
          <div class="xj_cl">158xxxx4732 </div>  
          <div class="xj_cl_quan">xxxxx </div>   
        </li> 
        <li class="lucky_user_list">  
          <div class="xj_cl">单xx </div>  
          <div class="xj_cl">159xxxx0932 </div>  
          <div class="xj_cl_quan">xx </div>  
        </li>  
       <li class="lucky_user_list">  
          <div class="xj_cl">刘x </div>  
          <div class="xj_cl">131xxxx4022 </div>  
          <div class="xj_cl_quan">xxxxxx </div>  
        </li> 
      </ul> 
    </div>

?

在IE 6下显示如下:li 之间有空白



?

修改 li de ?margin-top: -3px; 或者 将padding-top 改为margin-top;

修改之后:

?

?

  相关解决方案