持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第15天，点击查看活动详情
width: auto;应用场景
1.行内非替换元素-> width:包裹内容
2.块级元素->width:包含块的宽度
3.绝对定位元素-> width:包裹内容
粘性定位- sticky
另外还有一个定位的值是position: sticky，比起其他定位值要新一些.
可以看做是相对定位和固定(绝对)定位的结合体;
它允许被定位的元素表现得像相对定位一样，直到它滚动到某个阈值点;
当达到这个阈值点时,就会变成固定(绝对)定位;
sticky是相对于最近的滚动祖先包含滚动视口的(the nearest ancestor scroll container' s scrollport )
CSS属性- z-index
z-index属性用来设置定位元素的层叠顺序（仅对定位元素有效)
取值可以是正整数、负整数、0
比较原则
如果是兄弟关系
z-index越大，层叠在越上面
z-index相等，写在后面的那个元素层叠在上面
如果不是兄弟关系
各自从元素自己以及祖先元素中，找出最邻近的2个定位元素进行比较 而且这2个定位元素必须有设置z-index的具体数值
认识浮动
float属性可以指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。
float属性最初只用于在一段文本内浮动图像,实现文字环绕的双果；
但是早期的CSS标准中并没有提供好的左右布局方案,，因此在一段时间里面它成为网页多列布局的最常用工具;
绝对定位、浮动都会让元素脱离标准流，以达到灵活布局的效果；
可以通过float属性让元素产生浮动效果，float的常用取值
none:不浮动，默认值
left:向左浮动
right:向右浮动
