今天阅读,偶得auto总结,故共享。技术有限,文中难免存在纰漏,望各位看官,不吝指出。
水平方向的auto
- 如果将一个替换元素(如img)的宽度设置为auto,则宽度等于内容宽度。
- 对于行内元素,width不起作用,其他的几个属性(比如margin-left为auto)结果也都是0。
- 块级元素将属性设置为auto时,则占满空间。
- 对于绝对定位元素,如果只有一个属性的值为auto,则占满剩余空间。
垂直方向的auto
- 如果将替换元素的高度设置为auto,则由内容决定高度。
- 块级、非替换元素、浮动非替换元素设置auto,其结果为0,如果是height,则取决于子元素高的和(不包括float和absolute,relative只考虑未偏移的情况)。
- absolute如果只有一个属性值为auto,则占满剩余空间。
挚谢阅读。