html - 围绕 float 图像包装contenteditable div的CSS问题

在图像周围浮动contenteditable div时遇到问题。这是我的代码：
HTML格式：
章节标题
CSS:

.fl {
    float: left;
}

.rgtDiv {
    min-height: 300px;
    border: solid 1px #ccc;
}

我希望rgtDiv在图像的右端有左边框，但现在它出现在图像的左端。
当我点击“rgtDiv”时，光标指向图像而不是rgtDiv内部。如何使光标进入rgtDiv？
此外，rgtDiv的边框也适用于整个父Div。如何使其仅适用于rgtDiv
有人能帮我解决问题吗？
这是我的jsfiddle链接：http://jsfiddle.net/n8WJ2/
提前谢谢！
亚达夫

最佳答案

尝试给rgtDiv一个浮点数：左；和一个宽度。。。
应该有用，别忘了清理你的漂浮物

关于html - 围绕 float 图像包装contenteditable div的CSS问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21030302/