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的高度时,它不会随卡改变任何东西。有什么理由只能改变宽度而不能改变高度吗?让我知道是否应该提供更多信息。谢谢!
根据我的判断,您的某些div似乎未正确对齐,我对其进行了重新格式化,现在可以调整高度的卡块大小
在这里看看:https://codesandbox.io/s/exciting-galileo-16u87
同样在您的CSS中,您不需要div.tron作为类,您可以只使用.tron,让我知道它是否仍然无法如您所愿