开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第十四天，点击查看活动详情
17.7 定位叠放次序
在使用定位布局时，可能会出现盒子重叠的情况。此时，可以使用z-index来控制盒子的前后次序(z轴)
语法：
选择器 {z-index: 1;}
- 数值可以是正整数、负整数或0,默认是auto，数值越大，盒子越靠上
- 如果属性值相同，则按照书写顺序，后来居上
- 数字后面不能加单位
- 只有定位的盒子才有z-index属性
17.8 拓展
浮动元素不同，只会压住它下面标准流的盒子，但是不会压住下面标准流盒子里面的文字(图片)
但是绝对定位（固定定位）会压住下面标准流所有的内容。
18.元素的显示与隐藏
18.1 display
- display：none；隐藏对象
- display：block；出了转换为块级元素之外，同时还有显示元素的意思
display隐藏元素后，不再占有原来位置。
18.2 visibility
visibility属性用于指定一个元素应可见还是隐藏。
- visibility : visible;元素可视
- visibility : hidden;元素隐藏
visibility隐藏元素后，继续占有原来的位置。
18.3 overflow
overflow属性指定了如果内容溢出一个元素的框(超过其指定高度及宽度)时，会发生什么。
| 属性值 | 描述 |
|---|---|
| visible | 不剪切内容也不添加滚动条 |
| hidden | 不显示超过对象尺寸的内容，超出的部分隐藏掉 |
| scroll | 不管超出内容否，总是显示滚动条 |
| auto | 超窋自动显示滚动条，不超出不显示滚动条 |
一般情况下，我们都不想让溢出的内容显示出来，因为溢出的部分会影响布局。
但是如果有定位的盒子，请慎用overflow:hidden因为它会隐藏多余的部分。
