<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Document</title>
<style>
.box1{
height: 500px;
width: 500px;
background-color: antiquewhite;
display: flex;
}
.box1-1{
height: 100%;
flex:3;
}
.box1-2{
height: 100%;
flex:3;
}
.box1-3{
height: 100%;
flex:4;
}
.box1 :nth-child(1){
background-color: blueviolet;
}
.box1 :nth-child(2){
width: 50px;
height: 50px;
}
</style>
为啥 box5 会有 width:50px height:50px ????