选择性清除IE7中的浮法物品

Question

我有5项的列表，浮动左侧，并在线显示。 在4RD项目上，我将清除左图设置，从而使第4项进入新行。

但在IE7中，第5项漂浮在第一行的第3项旁边，而不是在新行上的第4项旁边浮动。任何想法如何获得IE7？

测试： http://jsfiddle.net/3dssp/4/

Answer 1

我很多次来了，遗憾的是，我所知道的唯一解决方案是有一个单独的清除元素来清除浮动。

这是丑陋的，但它有效：

<ul>
  <li>List 1</li>
  <li>List 2</li>
  <li>List 3</li>
  <li class="clear">&nbsp;</li>
  <li>List 4</li>
  <li>List 5</li>
</ul>

.

css：

.clear{
  display: block;
  float: none;
  clear: both;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
}

.

和字体声明将确保清除div仅为1像素高，否则它将是当前字体大小的高度（yay！）。

因为这仅适用于IE7，我会通过JavaScript动态地将您的标记清洁并在此额外的GUFF中使用JavaScript进行动态加入JavaScript。