页面的布局和样式是web开发的基础，其中CSS是实现这些效果的重要工具。在CSS中，填充（padding）是一种非常常见的样式设置，它可以让元素内部的内容与元素边缘之间存在一定的间隙。

通常情况下，填充的值是手动指定，例如：padding: 10px；这里将元素的填充设置为10像素。然而，有时候我们需要实现一种自适应的填充方式，即填充的大小随着元素的大小变化而变化。在这种情况下，CSS的box-sizing属性可以帮助我们实现自动跟随填充。

box-sizing是一个CSS属性，它用来指定一个元素在计算CSS宽度和高度时所采用的方法。它有两个取值：content-box和border-box。前者表示元素的宽高只包括内容，不包括填充和边框。后者表示元素的宽高包括内容、填充和边框。因此，我们可以通过将元素的box-sizing设置为border-box，让填充的值自动跟随元素的大小变化而变化。

.example {box-sizing: border-box;padding: 5%;}

上面的代码将元素的填充设置为元素宽度和高度的5%。由于box-sizing的设置，填充的大小会自动跟随元素的大小变化而变化。例如，当元素的高度变为原来的2倍时，填充的大小也会自动变为原来的2倍。

总之，通过设置box-sizing属性为border-box，我们可以实现填充自动跟随元素大小变化的效果。这种自适应的填充方式可以使我们更方便地对页面布局进行设计，提高开发效率。