你可以尝试这样的事情:
.content {
display: none;
width: 100%;
}
/*Use + to target only one .content*/
input[type=checkBox]:checked + .content {
display: block;
height: 50px;
}
.container {
display: flex;
flex-wrap: wrap;
}
input[type=checkBox] {
order: -1; /*make all the input on the top*/
}
0)This content should appear when the checkBox is checked
1)This content should appear when the checkBox is checked
2)This content should appear when the checkBox is checked
3)This content should appear when the checkBox is checked