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

Question

如果在IE8中有另一个具有float:left且打开contenteditable的元素之后的元素，则在IE8中打开contentEditable="true"时，以下元素将在空行之前。

一个例子：

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

在IE8这将呈现：

前看到 “一些随机文本” 行了？

如果您使用wysiwyg编辑器，这会特别讨厌，因为这会影响它的某些功能。此外，这会创建您不需要的标记。在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} 

应该解决这个问题。