一、用flex实现两栏或三栏自适应布局
css
.flex{
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
.flex-item{
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
}
.right{
text-align: right;
}
html
<div class="flex">
<div class="flex-item"></div>
<div class="right"></div>
</div>