在CSS中，对于很多开发者来说，边距和填充的百分比是一个相对于宽度计算的神秘之谜。为什么在CSS中，边距/填充百分比总是相对于宽度计算呢？
这个问题困扰着很多人，但实际上这种设计是有其合理性和便利性的。在CSS中，边距和填充既可以使用绝对单位（如像素），也可以使用相对单位（如百分比）。相对单位在网页布局中非常有用，因为它们可以根据元素本身或其父元素的尺寸进行自适应调整。
当我们设置一个元素的边距或填充为百分比时，这个百分比并不是基于元素自身的尺寸，而是基于该元素的宽度。这样设计的好处在于，无论元素的尺寸如何变化，边距和填充都会按照宽度的百分比进行相对调整，使得页面布局更加灵活和简洁。
这种相对于宽度计算的设计思路，也符合Web开发的响应式设计理念。通过使用百分比单位，我们可以轻松实现元素在不同设备和屏幕尺寸下的布局适配，提高了用户体验和页面的可访问性。
因此，在CSS中，边距和填充百分比总是相对于宽度计算并不是一种设计缺陷，而是一种灵活且便捷的布局方式。通过合理使用这些相对单位，我们可以更好地实现页面布局的响应式设计，为用户提供更好的浏览体验。
了解更多有趣的事情：https://blog.ds3783.com/