在CSS中，auto是一种常见的属性值，它的作用是自动适应元素的尺寸和位置。这在响应式设计中非常常见，通过使用auto属性值，我们可以让元素在不同的屏幕尺寸下自适应。

/* 以下示例代码使用了auto来自适应屏幕宽度 */
.container{
width: 100%;
margin: 0 auto;
}
/* 以下示例代码使用了auto来自适应元素高度 */
.box{
width: 200px;
height: auto;
}

通过上面的样例可以看出，在CSS中auto可以用于自适应容器的宽度和位置以及元素的高度。这种属性值可以帮助我们快速地搭建一个响应式的页面。

另外，在布局中，auto还可以用于设置元素的margin和padding值。我们可以使用auto属性值来让元素水平和垂直居中，例如：

/* 水平垂直居中 */
.container{
width: 300px;
height: 300px;
display: flex;
justify-content: center;
align-items: center;
}

总而言之，CSS中的auto属性值是一个非常实用的功能，它可以帮助我们快速地实现响应式布局和元素居中等设计效果。