flex布局下關於padding導致視圖容器塌陷的解決方案

在flex布局下，不可直接將padding值如同margin一樣設置：

👇這是不正確的寫法

.box{
     box-sizing: border-box;
     padding: 0 40rpx;
     margin: 0 auto;
}

解讀：開發者本意是想將box左右居中顯示，但是這樣會導致box右邊無法居中，根源在於使用了padding: 0 40rpx；

👇正確示范

.box{
     box-sizing: border-box;
     //如果想左右都有padding,需要分開寫
      padding-left:40rpx;
      paading-right:40rpx;
     margin: 0 auto;
}

不知道原因，但是這樣的確可以解決塌陷問題。

**我也有一腦袋的小問號 **