我们的表单存在高度问题，div用于文本反馈。
在网页上，我有一个空div，其id已应用了一个样式。当用户在表单中输入信息时，Javascript将应用于div。在Javascript运行并将文本放入div之前，它只有几个像素的高度，当Javascript添加文本时，div获得高度并按下它下面的表单元素。表单应保持静态，而不会移动用户交互。
对于文本，div为29px高。现在我可以将以下样式应用于div。
height: 29px;
此解决方案似乎并不安全，因为其他浏览器可能呈现不同的方式或有人可能使用不同的字体大小。
设置空div的高度以在添加文本时停止更改大小的最佳做法是什么？
答案 0 :(得分：0)
如果你设置了一些固定的高度（比如...... 29px），它就不会改变大小......
为了更好地支持不同的font-size和/或行数，您可以计算该特殊数字（29px）作为font-size * line-height * numberOfLinesYouWantToAllow的乘积，以及将此数字设置为div height。
<强> CSS
height: 29px;
overflow: auto;