如何在具有最小高度（javascript）的情况下保持div中文本的间距恒定

我正在用javascript创建一个post a status之类的东西，在“撰写一篇文章”div中，有一个居中的文本，上面写着“在这里输入你的文本”（contenteditable），当你在该文本中输入新行时，div将展开。但是，它不会保留文本和div底部之间的空间。 如何在扩展页面时保留文本和div底部之间的空间？ 谢谢

在

#正文中添加填充：

#body {
    ...
    padding: 20px;
}

#body {
    ...
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

从
#thirdspan
中删除以下属性：

position: relative;
top: 20px;
left: 20px;

并将
框尺寸
添加到
#主体
：

#body {
    ...
    padding: 20px;
}

#body {
    ...
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

使用填充来获得周围的间距，而不是使用相对位置，并生成第三个跨度块元素

#thirdspan{
    color: black;
    font-family: 'Roboto';
    padding: 20px;
    display: block;
}

请参阅。
是否尝试将填充底部添加到#body？#body{padding bottom:5px}不太有效--仍然存在相同的问题@Michelechange身体对身体。但是，对于这个解决方案，您并不真正需要它。非常感谢您@NikosParaskevopoulosoops对不起。我没看到他用身体做那部分。