兼容：IE6下双倍行距问题

IE6双倍行距：


<ul>
  <li style="margin-left:343px;">1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>


通常在表头使用的的“首页、1、2、3、4、5、下一页、尾页”这种形式的链接 ul li结构,一般设置一个 “list-style：none；”，在li里边设置一个“float：left；”，如上，靠第一个li的“margin-left”来使整个链接右对齐。


但是IE6中，执行时第一个浮动元素会产生双倍的间距，也就是说，上边那个结构，在IE6中会距左边686px，从而撑开整个结构，影响大的布局。


解决办法：


一、


  在各种连续浮动的第一个元素中加上“display：inline；”。
  <ul>
    <li style="margin-left:343px; display:inline;">1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
  </ul>
  在IE6中就会正常显示了。


二、
 
  如果，为了防止链接点击区域过小，可将li按照“float：right；”浮动排列，以避免双倍行距，和链接点击问题。