两个div并排显示

采用流式布局

<div class="sheb_img">
  <div class="left"></div>
  <div class='right'>11</div>
</div>

 

.sheb_img{
    background: #E5E1E1;
    display: flex;       
    justify-content: center;
    align-items: center;
}

.left{
    flex: 1;
    -webkit-flex: 1;
    background: url(../images/shoubiaoblue.png);
    background-size: 86% 100%;
    height: 10rem;
    max-width: 16rem;
    background-repeat: no-repeat;
    margin-left: 1%;
    margin-top: 2%;
    margin-bottom: 2%;
}

.rig{
    margin-right: 15px;
}

 

posted @ 2018-03-28 13:02  筱小Q  阅读(228)  评论(0编辑  收藏  举报