css两栏布局与三栏布局

两栏布局，左边定宽，右边自适应

//html
<div id="left">左边定宽</div>
<div id="right">右边自适应,前端前端前端前端前端前端前端前端前端前端</div>

第一种方法：

#left{
   
    float: left;
    width: 200px;
    margin-right: -200px;
    height: 50%;
    background: green;
}
#right{
   
    float: left;
    margin-left: 210px;
    width: 100%;
    height: 50%;
    background: red;
}

第二种方法：

#left{
   
    width:200px;
    height: 50%;
    position