position：
1.position:fixd;固定定位，以浏览器可视窗口为参考对象，不会受父级的影响，一但给元素设置了固定定位属性或浮动属性，那么无论这个元素本身是行级还是块级，都会支持宽高的设置，但是对于块级标签来说，它将不再继承父级元素的宽度，必须由其内容撑开。设置了固定定位，一定要初始化元素的位置。
2.position:relative;相对定位，不会改变元素的默认表现，以自身元素的当前位置为参考对象进行偏移。用来帮助绝对定位的元素确定坐标。
3.position:absolute;绝对定位，在文档中的某个位置不会改变，元素的父级如果没有设置relative或者absolute或fixed的定位，那么该元素相对于文档进行偏移，如果父级元素有，则该元素相对于其父级元素进行偏移。不会改变标签的默认样式。
4.在定位之后我们可以对一个元素设置上下左右居中，即：top：50%；left:50%;transform:translate(-50%,-50%);
5.定位之后才可以使用z-index属性提升层级，属性值可正可负。
6.常用来搭配定位使用的还有opacity（透明度，属性值为0~1），用来定义遮罩层的样式。
备注：如果我们对元素设置了定位，那么再给这个元素设置浮动的时候，将不会有浮动效果。
附加：table（表格）
rowspan:合并行； colspan：合并列
table布局
div+css布局
语义化+css
table 表格 双标签 表格级 组合标签
固有属性 border width height，不需要属性值的单位,例如
<table border="1" width="600" height="400">
tr定义行数
th表头
td单元格
结果如下：