CSS中display和position的属性值有哪些？

display具有以下特性 

display：none、inline、inline-block、block、table、inherit、flex

1、none：就是隐藏，不会占用文档流位置，不会占用空间（其他元素会占用他的元素）

2、inline：行内元素

3、inline-block：行内块元素，也即有块元素的一些特性，可以设置宽度、高度（width、height）边距等等

4、block：块元素，独占一行，可以设置宽度高度（width、height）边距等等 

5、table：表格相关，众所周知table有一些特定的标签：table、tr、th、td、tfool等等。可以用div等元素来实现，需要将元素的display设置成table-*就行

6、inherit：也即继承，

7、flex：弹性盒子，也成为弹性布局

---

position具有以下特性

position：absolute、fixed、relative、inherit、static（默认）、sticky、unset

1、absolute：绝对定位，对象脱离正常文档流，使用top，right，bottom，left等属性进行绝对定位。比较多的层叠通过和z-index属性定义。

2、fixed：固定定位，对象脱离正常文档流，使用top，right，bottom，left等属性以窗口为参考点进行定位，当出现滚动条时，对象不会随着滚动。

3、relative：相对定位，对象遵循正常文档流，但将依据top，right，bottom，left等属性在正常文档流中偏移位置。

4、inherit：继承，规定应该从父元素继承 position 属性的值

5、static：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。