.wrapper CSS 将更改我的引导卡的宽度，但不会更改高度

Question

body {

padding-right: 30px;

padding-left: 30px;

padding-bottom: 30px;

background-color: #228B9D;

}

div.tron {

      padding-bottom: 40px;

    padding-right: 250px;

    padding-left: 250px;

}

.wrapper{

    width: 1000px;

    margin: 0 auto;

}

div.card-block {

padding-top: 15px;

padding-left: 15px;

}

   <div class="wrapper">

        <div class="container-fluid">

            <div class="card flex-row flex-wrap" >

             <img src="https://image.flaticon.com/icons/svg/1482/1482003.svg" alt="sop" style="background-color: #324A5E;">

        <div class="card-block">

            <h4 class="card-title">Title</h4>

            <p class="card-text">Description</p>

        </div>

        <div class="w-100"></div>

        <div class="card-footer w-100 text-muted">

             <a href="#" class="btn btn-primary">BUTTON</a>

        </div>

    </div>

        </div>

 </div>

您好，我对网页编码非常陌生，似乎遇到了一个我无法解决的小问题。我正在尝试使用 CSS 更改卡片的高度。我将宽度设置为 1000px，效果很好。然而，当我输入高度为 300px 时，它不会改变卡片的任何内容。有什么原因只能改变宽度而不能改变高度吗？让我知道我是否应该包含更多信息。谢谢！

Answer 1

据我所知，你的一些 div 似乎没有正确对齐，我已经重新格式化了它，我现在可以调整卡块的高度看看这里：https://codesandbox.io/s/exciting-galileo-16u87另外，在你的CSS中，你不需要div.tron作为一个类，你可以只使用.tron，让我知道它是否仍然不能像你想要的那样工作