我正在尝试使用其中的句子获取附加Div的高度，然后将另一个附加的div设置为该高度的编辑按钮。这些div的高度随输入的文本量而变化，从输入框中抓取然后放入附加的句子div中。这在很大程度上起作用。我附加文本div，使用.height（）获取高度，并将附加的编辑按钮div设置为该高度。
问题在于，当我输入一定数量的字符而几乎没有将附加的div带到一个新行时，抓取的高度是错误的。每条线的高度为19px，因此抓取的高度通常为19,38,57等。当输入大致的字符数量时，高度几乎不会增加到下一级别，高度为57的div是计算为高度为38，另一个附加的div给出错误的高度。
看起来是这样（光标悬停在框中最低的div上）：http://i.imgur.com/YqVdv6Z.png
我希望编辑按钮的高度使文本不会滑到它下面的左侧。
我正在使用jquery来获取元素高度。
$("#" + edtBtn.id).css("height", $("#" + newSent.id).outerHeight(true));
jsfiddle：https://jsfiddle.net/3aa7qu5b/3/（在Firefox中效果最佳）
不介意杂项无用的按钮和东西。我试图保留我认为与放置相关的元素。复制/粘贴真实句子以获得逼真的结果。
有什么方法可以解决这个问题吗？
编辑：我注意到，扰乱间距的字符数量是符合编辑按钮元素的45px宽度的字符数。在图片示例中，“work”一词恰好符合该间距。这可能与我的转换实例有关：css中的translateX。但是，我原来的问题仍然存在。