html多列布局

 
 
 
     
     两列布局 
     
    html,body,.body,.main,.side{
        margin: 0;
        padding: 0;
        height: 100%;
    }

    .body{
        width: 960px;
        margin: 0 auto;
    }

    .main{
        background-color: pink;
    }
    .side{
        background-color: #bebebe;
    }

    
    .main{
        float: left;
        width: 660px;

    }
    .side{
        float: right;
        width: 300px;

    }

    

    .clearfix:after{
        content: '.';
        display: block;
        clear: both;
        height: 0;
        overflow: hidden;
        visibility: hidden;
    }
     
 
 

    
side

      
查看更多关于html多列布局的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did101398