1:定位+margin负值实现元素水平垂直居中

 

div{
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 100px;            
}

2: margin-top: -1px解决border多一像素的问题

3,圣杯布局(两边固定,中间自适应)