flex布局实践

1.右侧固定，左侧自适应布局

　　

.father {
    display:flex;      
}
.left {
    flex:1;  
}
.right {
    width:300px;  
}

2.左边靠左，右边靠右进行排列

.father {
  display: flex;
  justify-content:space-between;
}