关于三栏布局（浮动法/定位法/margin负值法）

三栏布局就是页面布局主要分为左中右三个部分，普遍为左、右固定中间自适应的形式。

1.定位法三栏布局：

CSS代码：

html , body {
        margin: 0;
        padding:0;
        height: 100%;
    }

    #right ,#left {
        position: absolute;  /*设置定位*/
        top: 0;
        width: 220px;
        height: 100%;
    }

    #left{
        left: 0;             /*使left部分距离浏览器左端距离为0*/
        background-color: pink;
    }

    #right{
        right: 0;            /*使right部分距离浏览器右端距离为0*/
        background-color: lightblue;
    }

    #main{
        margin: 0;