一些奇妙的css技巧

一、用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>