IE7 浮动清除答案

【问题标题】：IE7 float clearIE7 浮动清除
【发布时间】：2012-03-13 23:31:34
【问题描述】：

我有一些设置，我在这里复制了它：jsfiddle.net/vtWsU/9/

基本上有列表项，并且在每个项中（不是必需的）都有 1 或 2 个“a”标签。我希望“a”标签在同一行的右侧浮动。它在 IE9 和 IE8 中运行良好（它在 IE8 中的这个小提琴示例中由于某种原因搞砸了，但我在我的完整示例中得到了它）但 IE7 仍然是一个问题。

如果可能的话，我希望在不向 dom 中添加新元素的情况下使其正常工作。

谢谢！

【问题讨论】：

标签： css-float internet-explorer-7

【解决方案1】：

这是我针对您的问题的解决方法：http://jsfiddle.net/vtWsU/13/

首先我为 .playlistNonSelected 添加了一个 css 样式并将浮动设置为“左”。这会将 .playlistNonSelected 放在列表元素的左侧。然后我设置了 .playlistItem 'display:inline-block' 和 'width:100%'。这是必要的，因为它会防止列表中的元素像以前一样折叠。

我想这就是你所需要的。

【讨论】：