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

Question

如果你有一个元素跟随另一个元素float:left并在IE8中打开contenteditable，那么如果你转contentEditable="true"，IE8中的空行将会出现以下元素。

一个例子：

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

IE8中的

将呈现如下：

请参阅“一些随机文字”之前的行？

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

Answer 1

我前一段时间向微软报告了这个问题，他们并不想修复它：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}

应解决此问题。