学习其它网站的布局

三栏布局 

第一种：

.search-list .page-container>li .d .d-main{
display:-webkit-box;
margin-top:-1px;
height:20px;
overflow:hidden;
}
.search-list .page-container>li .d .d-main p{
font-size:12px;
overflow:hidden;
}
.search-list .page-container>li .d .d-main .d-num{
-webkit-box-flex:1;
text-align:center;
}
.search-list .page-container>li .d .d-main .d-area{
text-align:right;
}

第二种：

.mui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    ／*-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*／
}

.mui-flex>.cell {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    ／*width: 0;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    display: block;
    padding: 0!important;
    position: relative;*／
}