Javascript 如何制作我的div'；谁排队了？

我希望我的div排在最上面，但不要排在最下面。这允许内容的灵活性：

/*字体*/
@导入url(https://fonts.googleapis.com/css?family=Open+Sans）；
/*字尾*/
/*清除设置*/
身体{
填充：0；
保证金：0；
背景：白色；
}
/*清除设置结束*/
/*导航*/
#导航{
宽度：1600px；
高度：50px；
背景：#009ACD；
}
/*导航结束*/
/*信息导航*/
#主导航环绕
{
宽度：1600px；
高度：50px；
背景:#1楼;；
}
#主导航包裹ul
{
列表样式：无；
位置：相对位置；
浮动：左；
保证金：0；
填充：0；
左：3%；
顶部：5px；
}
#主导航包裹ul a
{
显示：块；
文字装饰：无；
字体大小：15px；
填充：10px 15px 10px 15px；
字体系列：“开放式Sans”，无衬线；
颜色：白色；
}
#主导航包裹ul a：悬停{
背景：白色；
}
#主导航包裹ul li
{
位置：相对位置；
浮动：左；
保证金：0；
填充：0；
}
#主导航包裹ul li：悬停a{
颜色：黑色；
背景：白色；
}
#主导航包裹李a：悬停{
背景：白色；
}
#主导航包裹李a：悬停{
背景#f4；
}
#主导航包裹ul
{
显示：无；
位置：绝对位置；
最高：100%；
左：0；
背景：#fff；
填充：0；
边缘顶部：0.2px；
边框：1px实心#ccc；
边界顶部：无；
z指数：50；
}
#主导航包
{
浮动：无；
宽度：200px；
位置：相对位置；
左：0px；
}
#主导航包裹
{
线高：120%；
填充：7.5px 9px；
}
#主导航包裹
{
排名：0；
左：100%
}
#主导航包裹ul li：悬停>ul
{
显示：块
}
/*信息导航结束*/
/*课程组*/
#课程组{
宽度：1200px；
位置：相对位置；
左：180像素；
顶部：30px；
填充：10px；
}
#课程名称{
宽度：216px；
身高：121.5px；
边框：1px实心#ccc；
边框底部：无；
}
#课程信息{
边框：1px实心#ccc；
宽度：205.5px；
填充物：5px；
位置：相对位置；
顶部：-4px；
字体系列：“开放式Sans”，无衬线；
字体大小：16px；
}
a.主菜{
文字装饰：无；
颜色：黑色；
宽度：204px；
}
·主球场{
宽度：216px；
显示：内联块；
右边距：30px；
-webkit触摸标注：无；/*iOS Safari*/
-webkit用户选择：无；/*Chrome/Safari/Opera*/
-khtml用户选择：无；/*Konqueror*/
-moz用户选择：无；/*Firefox*/
-ms用户选择：无；/*Internet Explorer/Edge*/
用户选择：无；/*无前缀版本，当前
任何浏览器都不支持*/
}
/*课程结束div*/

黑客天才

添加

垂直对齐：顶部到您的
。课程\u main
课程：


/*字体*/
@导入url(https://fonts.googleapis.com/css?family=Open+Sans）；
/*字尾*/
/*清除设置*/
身体{
填充：0；
保证金：0；
背景：白色；
}
/*清除设置结束*/
/*导航*/
#导航{
宽度：1600px；
高度：50px
<div class="test">
    This is one line of text.
</div>

<div class="test">
    This is three lines of text.<br>
    This is three lines of text.<br>
    This is three lines of text.<br>
</div>
<style type="text/css">
    .test{border: solid 1px #f00};
</style>
<script>
   $(document).ready(function(){
       $('.test').equalHeights();
   });
</script>