CSSdisplay与position

1 display值以及作用：

• block 块类型。默认宽度为父元素的宽度，可设置宽高，换行显示。
• none 像行内元素类型一样显示
• inline 行内元素类型。不能设置宽高，默认宽度为内容宽度，同行显示
• inline-block 默认宽度为内容宽度，可以设置宽高，但只能同行显示。
• list-item 像块级元素一样显示，并添加样式列表标记
• table 此元素会作为块级表格显示
• inherit 规定从父级元素继承display的值

2 position的值：

• absolute： 生成绝对定位的元素，相对于值不为static的第一个父级元素的内边距边界进行定位。
• fixed（老IE不支持）： 生成绝对定位的元素，相对于浏览器窗口进行定位。
• relative： 生成相对定位的元素，相对于该元素正常出现的位置进行定位。
• static： 没有定位，正常文档流（同时会忽略设置的top，bottom，right，left，z-index值）。
• inherit： 从父级元素继承position的值。