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

Question

如果您的另一个元素后面有一个具有 float:left 的元素，并且在 IE8 中打开了 contenteditable，则如果您打开 contentEditable="true"，则在 IE8 中，后面的元素前面将出现一个空行。

举个例子：

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

在 IE8 中，将呈现如下：

看到“Some random text”之前的行了吗？

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

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}

应该可以解决此问题。