.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，让我知道它是否仍然不能像你想要的那样工作