为什么css中修改盒子高度失效？

咋回事啊 大家 我写了一个course大盒子，结果发现它的高度根本改不了！宽度都可以改啊，这是为什么！我是因为看着下面那个“全部课程”顶到最下面了，我就想修改一下上面每个li标签的padding值，想着改小一点，可以往上走一点，结果改了没有变化啊！？我就去改盒子高度，发现也改不了，ohno，what！不知道是哪里出了问题 ，连检查都鼠标放在course上面都不显示宽度和高度，有谁知道的可以帮我解答一下这个问题吗 ，感谢 非常感谢！

<div class="course">
        <h3>我的课程表</h3>
        <div class="bd">
            <ul>
                <li>
                    <h4>继续学习</h4>
                    <h5>程序语言设计</h5>
                    <p>正在学习-使用对象</p>
                </li>
                <li>
                    <h4>继续学习</h4>
                    <h5>程序语言设计</h5>
                    <p>正在学习-使用对象</p>
                </li>
                <li>
                    <h4>继续学习</h4>
                    <h5>程序语言设计</h5>
                    <p>正在学习-使用对象</p>
                </li>
            </ul>
            <a href="#" class="more">全部课程</a>
        </div>
    </div>

<style>
        * {
            margin: 0;
            padding: 0;
        }

        /* 定义版心，之后有需要的盒子直接调用 */
        .w {
            width: 1200px;
            margin: 0 auto;
        }

        li {
            list-style: none;
        }

        a {
            text-decoration: none;
        }

        body {
            background-color: #6690a1;
        }

        .course {
            margin: 100px auto;
            width: 230px;
            height: 300px;
            margin-top: 50px;
        }


        .course h3 {
            height: 47px;
            background-color: #9bceea;
            color: #fff;
            text-align: center;
            line-height: 47px;
            font-size: 18px;
        }

        .course .bd {
            /* width: 230px; */
            background-color: #fff;
            /* 注意：因为bd没有给宽度，这样用padding不会把盒子撑大 */
            padding: 0 18px;
        }

        .course .bd ul li {
            padding: 14px 0;
            border-bottom: 1px solid #efefef;
        }

        .course h4,
        h5 {
            display: inline-block;
            /* background-color: #186376; */
            color: #5a5a5a;
            font-weight: 400;
        }

        .course h4 {
            font-size: 16px;
        }

        .course h5 {
            font-size: 14px;
        }

        .course .bd p {
            font-size: 12px;
        }

        .course .bd .more {
            display: block;
            height: 38px;
            line-height: 38px;
            text-align: center;
            font-size: 16px;
            color: #00a4ff;
            border: 1px solid #00a4ff;
            margin-top: 5px;
            font-weight: 700;

        }
    </style>

我来告诉你，你这段代码没问题 course 已经有高度了只是你没有给背景色看不见
看看我上色之后的效果