CSS-两栏布局

第一种

#wrap{
        display: table;
        width: 100%;
        background-color: #eee;
 }
 .sidebar{
        display: table-cell;
        width: 300px;
        background-color: red;
 }
 .content{
        display: table-cell;
        background-color: pink;
 }

第二种

.container{height:200px;}  
.left{width:100px;border-right:none;height:50px;float:left;background-color:yellow;}  //或者position:absolute
.right{margin-left:100px;width:auto;height:100px;background-color:blue;} 

第三种

   #wrap{
        display: flex;
    }
    .sidebar{
        background-color: red;
        width: 300px;
   
    }
    .content{
        flex:1;
        background-color: pink;
    }