直接上代码:
* {
margin: 0;
padding: 0;
}
.top {
width: 100%;
height: 50vh;
background-color: aqua;
}
.bottom {
display: flex;
flex-wrap: wrap;
}
.bottom div {
width: 50%;
height: 50vh;
}
</style>
<div class="top"></div>
<div class="bottom">
<div style="background-color: blue;"></div>
<div style="background-color: red;"></div>
</div>
可以自己在电脑上试试
原创作者:吴小糖
创作时间:2024.3.21