如何讓不同背景色的元素寬度一致？
很多前端開發者都遇到過這個問題：頁面上兩個元素，分別帶有紅色和藍色背景，但寬度不一。如何讓它們寬度一致？尤其當元素寬度非固定值時，問題更棘手。下圖展示了典型場景：一個藍色背景元素和一個紅色背景元素，兩者寬度都不固定。
問題的關鍵在于藍色元素的實際寬度包含了內邊距（padding）。解決方法是移除藍色元素的內邊距，并將此內邊距應用到紅色元素上。
將藍色元素的padding值設為0，消除其對寬度影響。然后，將藍色元素之前的padding值應用到紅色元素上，這樣就能確保兩個元素視覺上寬度一致，即使實際寬度由內容決定。這種方法簡單有效，避免了復雜的計算和布局調整。
