如何让不同背景色的元素宽度一致？
很多前端开发者都遇到过这个问题：页面上两个元素，分别带有红色和蓝色背景，但宽度不一。如何让它们宽度一致？尤其当元素宽度非固定值时，问题更棘手。下图展示了典型场景：一个蓝色背景元素和一个红色背景元素，两者宽度都不固定。
问题的关键在于蓝色元素的实际宽度包含了内边距（padding）。解决方法是移除蓝色元素的内边距，并将此内边距应用到红色元素上。
将蓝色元素的padding值设为0，消除其对宽度影响。然后，将蓝色元素之前的padding值应用到红色元素上，这样就能确保两个元素视觉上宽度一致，即使实际宽度由内容决定。这种方法简单有效，避免了复杂的计算和布局调整。
