如何解决我正在尝试使用引导程序均衡卡的高度
我正在尝试做这样的事情:
但是我不知道如何使第一列和第二列的高度相等。 你有什么主意吗?
解决方法
这可以通过 CSS网格来实现。
.container {
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 60% 40%;
grid-template-rows: repeat(2,12.5%);
grid-auto-flow: column;
grid-column-gap: 5px;
grid-row-gap: 7px;
}
.box_1 {
width: 100%;
height: 100%;
background: grey;
grid-row: span 2;
}
.box_2 {
width: 100%;
height: 100%;
background: grey;
}
.box_3 {
width: 100%;
height: 100%;
background: grey;
}
<div class = "container">
<div class = "box_1"></div>
<div class = "box_2"></div>
<div class = "box_3"></div>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。