css auto %

在CSS中，可以使用auto和%来实现自适应的效果。下面是它们的具体使用方法。

在属性中使用auto表示让浏览器自动计算该属性的值。比如，可以在margin、width、height、left、right等属性中使用auto。如果给一个元素的width设置为auto，它就会自适应其父元素的宽度，即宽度会和父元素的宽度相同。同理，如果将left和right均设置为auto，该元素会水平居中。

.element {
  width: auto;
  margin: auto;
  left: auto;
  right: auto;
}

另一种自适应的方式是使用百分比。百分比指的是相对于父元素的百分比。比如，如果给一个元素的宽度设置为50%，它就会自适应其父元素宽度的一半。同理，如果将margin、padding、font-size等属性设置为百分比，它们也会自适应父元素。

.element {
  width: 50%;
  margin-top: 10%;
  padding: 5%;
  font-size: 80%;
}

需要注意的是，百分比自适应的方式是相对于父元素的，如果父元素的大小会改变，如浏览器窗口大小变化，那么自适应的效果也会随之改变。因此，在设计网页时，需要注意一些细节，如使用响应式设计或者强制设置最小宽度等。