auto值

auto值

∪﹏∪ 不设置width,width的默认值为auto,表示吸收掉块盒的剩余空间css .father { height: 200px; border: 5px solid red; padding: 30px; background: lightblue; } .father .child { bowidth: auto auto是width的默认值，不需专门设，它保证自身恰好充满父容器的content宽度，无论自身是否有margin/padding/border。很好用。与width: 100%的区别是：

在CSS中，我们有auto值，它可以用于像margin,position,height,width等属性。在本文中，会先解释auto的工作方式以及如何最大程度地利用auto的技术细节，当然，会配合一些用例和示例。简介当设置为display: grid,对应的grid-template-columns未显式设置值的话，那么取值同样会是auto,这个时候div.box的width值相当于容器的宽度。发果你显式地设置了grid-template-columns

auto表表示自适应，由浏览器去自动计算auto值，auto在不同的环境下表示不同的意思。在文档流模型中的auto值：块级元素的auto: 可以设置auto值的属性：width、height、margin。当以上auto为C++语言存储类型，仅在语句块内部使用，初始化可为任何表达式，其特点是当执行流程进入该语句块时初始化可为任何表达式。auto被解释为一个自动存储变量的关

auto是自适应的意思，auto是很多尺寸值的默认值，也就是由浏览器自动计算。块级元素中margin、border、padding以及content宽度之和构成父元素width。使用auto属性后，父元素宽度发生变css中的auto是⾃动适应的意思，⽽在css中auto往往都是默认值。正如margin:0 auto，意思就是上下边距为0，左右边距为auto，就是⾃动适应。但是，如果要使⽤他的话，就必须给标

当设置为display: grid,对应的grid-template-columns未显式设置值的话，那么取值同样会是auto,这个时候div.box的width值相当于容器的宽度。发果你显式地设置了grid-template-columnswidth: auto auto是width的默认值，不需专门设，它保证自身恰好充满父容器的content宽度，无论自身是否有margin/padding/border。很好