其實(shí)你等號(hào)的盒子也是少了1px;
方案一：
單獨(dú)設(shè)置寬度calc(40% + 1px)
方案二：
添加
box-sizing: border-box;

看過代碼，只要修改一下
double-width
.double-width {
//flex:2;
flex: 0 0 66.7%;
}

另外：
你有時(shí)候用 width: 60%;
有時(shí)候用 flex: 1;
有時(shí)候用 flex: 0 0 40%;
這不是自己給自己添堵嗎？統(tǒng)一使用百分百劃分5份，每份寬度20%

檢查一下 box-sizing;
問題出在這里：
圖片描述

1. 右邊都是靠比例，所以 “=”號(hào)和上面的 “DegRed” 一樣寬；
2. 而下面比例多出來一個(gè) 1px的 border。

解決(我只是發(fā)現(xiàn)了問題，答案是參照下面這個(gè)同學(xué)回答的，得多謝他)：
給 “0” 鍵設(shè)置：

.double-width {
    flex: 0 0 66.666%; // 最精確是保留三位小數(shù)
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: white;
    border-width: 1px;
    border-style: solid;
    border-color: black;
}```