IE8 在 contenteditable 中浮动元素后显示空行

Question

如果您有一个元素跟随另一个具有float:left 的元素并在 IE8 中打开 contenteditable，如果您打开 contentEditable="true"，则在 IE8 中以下元素前面将有一个空行。

一个例子：

<img src="foo.jpg" style="float:left">
<p>Some random text</p>

在 IE8 中会这样渲染：

看到“一些随机文本”之前的那一行了吗？

如果您使用所见即所得的编辑器，这尤其令人讨厌，因为这会影响其某些功能。此外，这会创建您不想要的标记。在 CKEditor 中，您可以看到该行的 dom-path 在正文中，而不是在任何元素中。

Answer 1

我前段时间向 Microsoft 报告了这个问题，但他们不想修复它：https://connect.microsoft.com/IE/feedback/details/576042/floated-elements-in-contenteditable-can-generate-an-empty-line

上次用IE10 pp2检查还是有问题。

Answer 2

手动设置段落元素的css：

    p {margin-top:0;margin-bottom:0}

应该可以解决这个问题。