margin不更新div大小,它脱离了背景。看起来很可怕

极坏的为什么会发生这种情况?我该如何解决?我99%肯定这是因为空白,但我不知道还能用什么,因为我之前问了一个问题,关于如何在右边的两列中添加“空格”,大多数答案都是“空白”。如果你想看到并正确回答这个问题, here's that question 但现在,请回答这个问题。这是一个 JSFiddle

 .containerStats{

    display: flex;
    position: absolute;
    bottom: 22px;  
    margin-left: 12px;
    width: 540px;
    padding: 10px;
    text-align: left;
    align-items: center;
    justify-content: space-around;
    backdrop-filter: blur(10px);
    border-radius: 10px; 
}

#windSpeedKM{

    margin-left: 4vw;
}

#humidityPorcentage{

    margin-left: 4vw;
}