Html 分区'；大小取决于其中的文本

所以我想为一个论坛建立一个评论系统。有两个div，一个是评论作者，另一个是评论内容。我希望整个注释div根据注释内容div中的文本量更改高度，但如果我尝试将注释高度设置为“自动”，则无法以这种方式工作，底部边框消失，注释作者div也无法获得新的高度

正文{
填充：0；
保证金：0；
字体系列：Arial；
}
.讨论{
宽度：60%；
保证金：自动；
}
/*线*/
.线路{
宽度：100%；
高度：50px；
背景色：#FF9933；
保证金：自动；
}
/*评论*/
.评论{
宽度：100%；
高度：300px；
保证金：自动；
边框顶部：实心2px；
边框底部：实心2px；
边框颜色：#606060；
}
.评论作者{
宽度：20%；
身高：100%；
背景色：#FFE5CC；
浮动：左；
}
.评论作者姓名{
文本对齐：居中；
字体大小：16px；
字体大小：粗体；
宽度：100%；
高度：20px；
边框底部：虚线1px；
边框颜色：#606060；
填充：6px 0px 6px 0px；
}
.评论作者图片{
高度：150像素；
宽度：150px；
保证金：自动；
边缘顶部：30px；
背景图片：url（images/super.png）；
背景位置：中心；
背景尺寸：封面；
边框：实心1px；
边框颜色：#E0；
}
.评论(作者)(排名){
宽度：100%；
高度：15px；
字体大小：11px；
文本对齐：居中；
边缘顶部：10px；
}
.评论内容{
宽度：80%；
身高：100%；
背景色：#FFCC99；
浮动：对；
}
.评论和日期{
宽度：100%
高度：15px；
字体大小：14px；
文本对齐：左对齐；
填充：8px 0px 8px 0px；
边框颜色：#606060；
}
.comment_date span{
浮动：对；
保证金权利：2%；
边框底部：虚线1px#606060；
}
.留言{
左缘：2%；
保证金权利：2%；
边缘顶部：20px；
}

讨论
吉盖
赞成
2017-08-13 23:45:23
Lorem ipsum（特朗普·利普苏姆）是格拉菲尼奥·迪扎诺工业公司的创始人，他在普拉季奥斯的第十六届会议上发言。
这是一个非常重要的问题，它是一个非常重要的问题。
Jis taip pat kūrimo stadijoje naudojamas kaip kai kuriųproduktųaprašymųtekstas，prieštai kaišrašomas tikrasis tekstas。
Lorem ipsum（特朗普·利普苏姆）是格拉菲尼奥·迪扎诺工业公司的创始人，他在普拉季奥斯的第十六届会议上发言。
这是一个非常重要的问题，它是一个非常重要的问题。
Jis taip pat kūrimo stadijoje naudojamas kaip kai kuriųproduktųaprašymųtekstas，prieštai kaišrašomas tikrasis tekstas。
Lorem ipsum（特朗普·利普苏姆）是格拉菲尼奥·迪扎诺工业公司的创始人，他在普拉季奥斯的第十六届会议上发言。
这是一个非常重要的问题，它是一个非常重要的问题。
Jis taip pat kūrimo stadijoje naudojamas kaip kai kuriųproduktųaprašymųtekstas，prieštai kaišrašomas tikrasis tekstas。
Lorem ipsum（特朗普·利普苏姆）是格拉菲尼奥·迪扎诺工业公司的创始人，他在普拉季奥斯的第十六届会议上发言。
这是一个非常重要的问题，它是一个非常重要的问题。
Jis taip pat kūrimo stadijoje naudojamas kaip kai kuriųproduktųaprašymųtekstas，prieštai kaišrašomas tikrasis tekstas。
Lorem ipsum（特朗普·利普苏姆）是格拉菲尼奥·迪扎诺工业公司的创始人，他在普拉季奥斯的第十六届会议上发言。
这是一个非常重要的问题，它是一个非常重要的问题。
Jis taip pat kūrimo stadijoje naudojamas kaip kai kuriųproduktųaprašymųtekstas，prieštai kaišrašomas tikrasis tekstas。
Lorem ipsum（特朗普·利普苏姆）是格拉菲尼奥·迪扎诺工业公司的创始人，他在普拉季奥斯的第十六届会议上发言。
这是一个非常重要的问题，它是一个非常重要的问题。
Jis taip pat kūrimo stadijoje naudojamas kaip kai kuriųproduktųaprašymųtekstas，prieštai kaišrašomas tikrasis tekstas。

只需删除高度，其下方表示高度300px，只需删除即可

.comment{
  width: 100%;
  height: 300px;
  margin: auto;
  border-top: solid 2px ;
  border-bottom: solid 2px;
  border-color: #606060;
}

然后需要代码将注释作者和注释内容设置为相等的高度

将其添加到javascript并将其包含在html文件中

var currentTallest = 0,
     currentRowStart = 0,
     rowDivs = new Array(),
     $el,
     topPosition = 0;

$(document).ready(function(){

    $('.commonClassName').each(function(){

       $el = $(this);
       topPostion = $el.position().top;

       if (currentRowStart != topPostion) {

         // we just came to a new row.  Set all the heights on the completed row
         for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
           rowDivs[currentDiv].height(currentTallest);
         }

         // set the variables for the new row
         rowDivs.length = 0; // empty the array
         currentRowStart = topPostion;
         currentTallest = $el.height();
         rowDivs.push($el);

       } else {

         // another div on the current row.  Add it to the list and check if it's taller
         rowDivs.push($el);
         currentTallest = (currentTallest < $el.height()) ? ($el.height()) : (currentTallest);

      }

      // do the last row
       for (currentDiv = 0 ; currentDiv < rowDivs.length ; currentDiv++) {
         rowDivs[currentDiv].height(currentTallest);
       }        

    });

});

var=0，
currentRowStart=0，
rowDivs=新数组（），
$el，
顶置=0；
$（文档）.ready（函数（）{
$（'.commonClassName'）。每个（函数（）{
$el=$（此项）；
topPostion=$el.position（）.top；
if（currentRowStart！=topPostion）{
//我们刚来到一个新的一排。在完成的一排上设置所有的高度
对于（currentDiv=0；currentDiv<div class="comment_content commonClassName">
<div class="comment_author commonClassName">