关于#HTML#的问题，如何解决？

Question

在设置border-bottom样式
按理来说只有三条线
现在却多出来一条

<div class="right">
                <h2>我的课程表</h2>
                <div class="content">
                    <dl>
                        <dl>继续学习-程序语言设计</dt>
                        <dd>正在学习-使用对象</dd>  
                    </dl>
                    <dl>
                        <dt>继续学习-程序语言设计</dt>
                        <dd>正在学习-使用对象</dd>  
                    </dl>
                    <dl>
                        <dt>继续学习-程序语言设计</dt>
                        <dd>正在学习-使用对象</dd>  
                    </dl>
                </div>
                <a href="#" class="more">全部课程</a>

.banner .right .content dl{
   padding: 12px 0;
   border-bottom: 2px solid #e5e5e5;

我写的

原图

Answer 1