动态改变textarea的样式后，出现错乱

如图，我设计了个文本编辑器，点击编辑器顶部的字母“B”可以动态改变textarea的文本样式，使得字体加粗。但是当放置两个textarea时，上边的样式一改变，下边的这个textarea内的文字就会向上跑一段距离，请问这个怎么回事啊？怎么解决啊？

请大家帮忙，谢谢了！！！！！