CSS中的border-box是一个十分常见的属性，可以在页面布局中起到一定的作用。它主要是用来控制元素的盒子模型中，边框的计算方式。

.box {
box-sizing: border-box;
width: 200px;
padding: 20px;
border: 1px solid black;
}

可以看到，在上述代码中，我们给一个类名的元素添加了一个box-sizing为border-box的属性。这个属性把元素的盒模型改为border-box模型，使得元素的宽度和高度不再会影响边框的大小。这样，就可以方便我们按照需求调整边框和内边距而不影响元素的大小。

使用border-box可以为我们在页面布局上带来很大的便利性，特别是在响应式布局开发中，当视窗大小改变时，我们只需要调节元素的宽度、内边距和外边距，而不用再考虑边框的大小改变而影响页面的布局。总之，border-box是CSS中的一个非常有用的属性，可以提高页面的开发效率和用户体验。