2
Chrome（也可能是其他浏览器）将插入符以一种奇怪的方式放置在contenteditable div中。插入符号位置在contenteditable div
请考虑下面的代码片段：
<div contenteditable="true" style="width: 100%; height: 200px; border: 1px solid black; overflow: auto;">
<p>
<span contenteditable="false" style="width: 75%; height: 80px; display: inline-block; border: 1px solid red;"> </span>.
</p>
</div>
在此JSFiddle也可用。
如果您点击红色范围旁边的时间段的右侧并按退格键删除时间段，插入符突然移动到段落的最右侧。我希望插入符号位于过去的时间位置，旁边是红色的跨度。
为什么它没有按我期望的方式定位，并且有没有一种方法可以获得我正在寻找的行为？