侧边导航栏居中固定

    一、页面初始化
        在写html代码中，为了各版本浏览器的兼容性，不同浏览器及同一浏览器不同版本默认的body元素和块级元素自带一定像素的margin或者padding，
        因此需要在写代码前先消除这些margin和padding，之后的css样式才能出现预期的效果。具体可以这样：

    *{
        margin= 0;
        padding= 0;
        border: none;        
    }

    二、块级元素的垂直居中
        html5中有内联元素水平垂直居中问题，也有块级元素水平垂直居中的问题。
        内联元素水平垂直居中：

    text-align: center;
    line-height： *px;

        这里line-height应该与内联元素所在的块级元素高一致，这样才能垂直居中。
        定宽块级元素水平居中：

    margin: 0 auto;

        定高块级元素垂直居中：
                可以利用定位，先相对于父级元素向下移动50%，然后再根据元素的高度，设置margin-top为高度的一半（负数），具体如下