【CSS】你不知道的auto

今天阅读，偶得auto总结，故共享。技术有限，文中难免存在纰漏，望各位看官，不吝指出。

水平方向的auto

1. 如果将一个替换元素（如img）的宽度设置为auto，则宽度等于内容宽度。
2. 对于行内元素，width不起作用，其他的几个属性（比如margin-left为auto）结果也都是0。
3. 块级元素将属性设置为auto时，则占满空间。
4. 对于绝对定位元素，如果只有一个属性的值为auto，则占满剩余空间。

垂直方向的auto

1. 如果将替换元素的高度设置为auto，则由内容决定高度。
2. 块级、非替换元素、浮动非替换元素设置auto，其结果为0，如果是height，则取决于子元素高的和（不包括float和absolute，relative只考虑未偏移的情况）。
3. absolute如果只有一个属性值为auto，则占满剩余空间。

挚谢阅读。