4-9小慕医生开发（6）中视频13：45的医院公告li为什么清除浮动，以及我dt/dd位置不知如何实现

可以看出我的dd/dt位置高了点

相关截图：

这是我的效果

相关截图：

这是老师源码的效果

​

<!-- 医院公告 -->
            <div class="notice">
                <h3>医院公告</h3>
                <ol>
                    <li>
                        <div class="num">01</div>
                        <dl>
                            <dt><a href="#">《养生堂》</a></dt>
                            <dd><a href="#">公郭立新主任 特殊时期糖尿病人的新冠…</a></dd>
                        </dl>
                    </li>
                    <li>
                        <div class="num">02</div>
                        <dl>
                            <dt><a href="#">《养生堂》</a></dt>
                            <dd><a href="#">王少为主任 新型冠状病毒防控指引十八…</a></dd>
                        </dl>
                    </li>
                    <li>
                        <div class="num">03</div>
                        <dl>
                            <dt><a href="#">《我要当医生》</a></dt>
                            <dd><a href="#">谭玲副主任 李同舟 姚晨蕊药师</a></dd>
                        </dl>
                    </li>
                    <li>
                        <div class="num">04</div>
                        <dl>
                            <dt><a href="#">《全民健康学院》</a></dt>
                            <dd><a href="#">王建业院长 “医”路有你 健康同行</a></dd>
                        </dl>
                    </li>
                    <li>
                        <div class="num">05</div>
                        <dl>
                            <dt><a href="#">《健康北京》</a></dt>
                            <dd><a href="#">王建业院长 莫把衰老当病治</a></dd>
                        </dl>
                    </li>
                </ol>
            </div>
        </div>

        ——————————————————以下CSS代码

.content .news-and-notice .notice{
    float: left;
    width: 329px;
    height: 376px;
}
.content .news-and-notice .notice ol{
    margin-top: 16px;
}
.content .news-and-notice .notice ol li{
    height: 57px;
    margin-bottom: 14px;
}
.content .news-and-notice .notice ol li:last-child{
    margin-bottom: 0px;
}
.content .news-and-notice .notice ol li .num{
    width: 53px;
    height: 57px;
    background-color: #00978E;
    color: #FFF;
    font-size: 30px;
    text-align: center;
    line-height: 57px;
    float: left;
    margin-right: 16px;
}
.content .news-and-notice .notice ol li dl dt a{
    color: #666;
}
.content .news-and-notice .notice ol li dl dd a{
    color: #999;
}

仔细观察后发现老师网页这部分的dd/dt的高度是25px

如果给dd和dt中的a标签加上行高25px，效果就能和老师的源码实现的效果一样，但是源码却不需要这么写

所以老师的源码到底是怎么实现这个效果的，我看了半天源码没搞明白

相关截图：

相关截图：

相关截图：