internet-explorer-9 - 左右浮动s闯入即-为什么？

Question

我编造了这个 jsfiddle，它在除 ie 之外的所有浏览器中都能正确显示（在 ie9 上测试）：http: //jsfiddle.net/uxaPM/1/

如您所见，这个想法是将文本的第一部分浮动到左侧，将第二部分浮动到右侧，同时将每个 li 内的所有内容保持在一行。但是，<li>我的示例中的第三个中断，即第三个<li>被分成两行。我发现我可以通过向 each 添加一个 min-width 来修复它<li>，但我想知道为什么会发生这种情况，以及是否有更优雅的解决方案。

Answer 1

我认为你应该为 ul 元素指定一个 % 的宽度。我已经尝试给它一个 80% 的宽度并且它有效，如果你没有定义任何元素的大小，我也会在 IE-9 中找出许多问题