为什么 contenteditable="true" 元素内 按左右键光标没有正确的定位？

Question

<div contenteditable="true"><a contenteditable="false">A</a><a contenteditable="false">B</a><a contenteditable="false">C</a></div>

操作步骤：
1.把光标置于C后
2.按左键，光标正常移动到了B后面
3.按左键，光标正常移动到了A后面
4.按右键，光标不见了

请问为什么第四步会出现这种情况呢？如何处理才能让光标回到B后面呢？

Answer 1

1，去除内部所有标签的 contenteditable="false"属性。
2，适当给 contenteditable="true"的盒子一点padding: 10px;

问题就解决了。