如何让不同背景色的元素宽度保持一致？

如何让红色背景和蓝色背景的元素宽度保持一致

问题：
一个页面中，存在两种不同背景色的元素，蓝色背景的元素宽度不固定，红色背景的元素宽度同样不固定，如何让它们的宽度保持一致？

答案：
蓝色元素的宽度不定可能是因为其设置了内边距（padding）。解决方法是移除蓝色元素的内边距，然后将相同大小的内边距添加到红色元素中。

/* 蓝色元素 */ .blue {   background-color: blue;   padding: 0; /* 去除内边距 */ }  /* 红色元素 */ .red {   background-color: red;   padding: 10px; /* 添加内边距 */ }

通过这种方式，红色和蓝色元素的宽度就会保持一致。