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} 

應該解決這個問題。