07-定位

一、display

1. 设置元素是否显示，以及如何显示
2. 常用取值
   • none：隐藏元素，元素不可见，不保留位置‘
   • inline：将元素呈现内联元素，元素呈现在同一行，尺寸无线
   • block：将元素呈现为块级元素，元素呈现不同行
   • inline-block：行内块级元素，元素呈现在同一行，但是可以以块级的方式呈现，即可以设置尺寸

二、visibility

1. 设置元素是否可见
2. 常用取值
   • hidden：隐藏元素，元素不可见，但位置保留
   • visible：现实元素

三、定位布局

1. 定位布局（position）允许将一个元素从他在页面中的原始位置准确的移动到另一个位置

2. position的取值

   static	静态定位（默认值）	按照文档流的默认位置显示
   relative	相对定位	按照元素原始位置进行偏移
   fixed	固定定位	元素脱离文档流
   absolute	绝对定位	元素脱离文档流

   • absolute	父元素没设置position定位	相对于浏览器窗口定位
     absolute	父元素设置了position定位	相对于父元素定位

四、z-index

• 设置元素由于定义position产生的重叠，可以用过它来调整堆叠顺序
• 元素z-index的默认值是0
• z-index较大的值会在较小的值前面显示