两列定宽,一列自适应布局

利用flex实现

.parent{
     display: flex;
}
.left,.center{
     width: 100px;
     border: 2px solid plum;
}
.right{
     flex: 1;
     border: 1px solid yellow;
}

利用float+margin实现

.left,.center{
   width: 100px;
   float: left;
}
.right{
    margin-left: 200px;
}

利用float+overflow实现

.left,.center{float:left;width:100px;}
.right{overflow:hidden;}

 

posted @ 2017-11-17 10:56  佳琪欧尼  阅读(153)  评论(0编辑  收藏  举报