盒子相对居中
使用固定定位：
position:fixed;
占比：
top:50%;
减去边框：
margin-top:-50px;
浮动的使用场景
float：left； 浮动，占用一整行
position 定位可以使元素更加灵活的变动
position：static；默认值，没有定位
position：fixed； 固定位置，不会随着窗口的滚动而滚动
position：relative；相对定位元素的定位是相对其正常位置
position：absolute；绝对定位，可以和其他元素重叠，不占用空间